xxx
.article-new,
.article-new div,
.article-new a,
.article-new p,
.article-new span,
.article-new input,
.article-new button,
.article-new h1,
.article-new h2,
.article-new h3,
.article-new h4,
.article-new h5,
.article-new h6,
.article-new .article-header .headline,
.article-new .article-header .byline,
.author-desc,
.title,
.img-text-wrapper .author-desc,
.article-new-default-font {
    font-family: Times New Roman, Times, serif, STSongti-SC-Regular;
}
input::-webkit-input-placeholder {
    color: #747779;
}
.warning-border {
    border-color: #DD3D3D;
}
.system-default-font {
    font-family: PingFangSC - Medium, MicrosoftYaHei !important;
}
.article-new {
    background-color: #ffffff;
    /* padding-top: 140px; */
    /* border: 1px solid red; */
    /* position: relative; */
   
}
/* body{
    background-color: #fff;
} */
.article-new > .container > .row {
    /* padding-bottom: 50px; */
    background-color: #fff;
}

.common-tags-default {
    border: solid 1px #E3E3E3;
    border-radius: 2px;
    color: #333333;
    font-size: 14px;
    line-height: 2;
}
.common-tags-small {
    padding: 3px 8px;
    border: solid 1px #E3E3E3;
    border-radius: 16px;
    color: #747779;
    font-size: 12px;
    line-height: 1;
}
.article-new-color-logo {
    color: #DD3D3D;
}
.article-new-color-header {
    color: #1B2021;
}
.article-new-color-header-dark-reverse {
    color: #000000;
}
.article-new-color-header-light-reverse {
    color: #FFFFFF;
}
.article-new .container{
    width: 1160px;
    display: block;
    position: relative;
    padding: 0;
}
.article-new > .container {
    width: 100%;
    box-sizing: border-box;
    padding-left: calc(50% - 580px);
    padding-right: calc(50% - 580px);
    background-color: #fff;
    display: block;
    position: relative;
    /* padding: 0; */
    /* border: 1px solid red; */
}
.article-new .hot-topics-container {
    margin: auto;
    display: block;
    min-height: unset;
}
.article-new .container-fluid {
    padding: 0;
}
.pi-zone-1 {
    background-color: #fff;
}
.pi-zone-1 .panel:last-child {
    margin-bottom: 0px;
    position:relative;
    z-index:3;
}
.widget-article-58360-ad .panel-body {
    width: 1160px;
    margin: auto;
    text-align: justify;
    clear: both;
}
.widget-article-58360-ad .panel-body ins {
    width: 583px;
    padding: 0;
    /* display: block; */
    /* float: left; */
    vertical-align: top;
}
.widget-article-58360-ad .panel-body ins:first-child {
    margin-right: 34px;
}
.article-new .breadcrumb {
    margin-bottom: 20px;
    padding-left: 0;
    border: none;
    background-color: transparent;
    border-bottom: dotted 1px #E3E3E3;
}
.article-new .breadcrumb,
.article-new .breadcrumb a,
.article-new .breadcrumb span {
    color: rgba(156, 153, 153, 1);
    font-size: 12px;
    text-align: left;
    font-family: initial;
}
.article-new .breadcrumb a:hover {
    color: #DD3D3D;
    text-decoration: none;
}
.new-article-header-container {
    background-color: #333333;
    border-bottom: none;
}
.new-article-header-container .navbar-default {
    margin-bottom: 0;
    border: none;
    border-color: transparent;
    background-color: transparent;
}
.new-article-header-container .navbar-default .navbar-brand img {
    height: 36px;
}
.article-new .article-header .headline {
    margin-bottom: 13px;
    color: #000000;
    font-size: 34px;
    line-height: 56px;
}
.article-new .article-header .byline {
    margin-bottom: 19px;
    color: #747779;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
}
.article-new .article-header .subline {
    font-size: 14px;
    line-height: 24px;
}
.article-new .article-header .header-title-author-name {
    line-height: 22px;
    color: rgba(156, 153, 153, 1);
    font-size: 14px;
}
.article-new .article-header .header-title-author-name:hover,
.article-new .article-header .header-title-author-name:active,
.article-new .article-header .header-title-author-name:visited {
    color: #00A4FF;
    text-decoration: none;
}
.article-new .article-header .subline .publish-time {
    color: #747779;
}
.article-new .article-header .subline .reading-duration {
    color: #DD3D3D;
}
.article-new .pi-zone-wrap {
    margin-top: 15px;
    position: relative;
    border: none;
    overflow: visible;
}
.article-new .panel-default {
    padding: 0;
    overflow: visible;
}
.article-new .pi-zone-wrap > .col-xs-12,
.article-new .pi-zone-wrap > .col-xs-8,
.article-new .pi-zone-wrap > .col-xs-4 {
    border: none;
    margin: 0;
    padding: 0;
    overflow: visible;
}
.article-new .pi-zone-wrap > .pi-zone-8.col-xs-4 {
    width: 300px;
    float: right;
    margin-bottom: 20px;
}
.article-new .pi-zone-wrap > .col-xs-8,
.article-new .pi-zone-wrap > .panel.panel-default.col-xs-8 {
    width: 800px;
    margin: 0.5px 60px 0 0;
    position: relative;
}
.article-author-container,
.article-comment-container {
    padding: 0;
}
.article-author-container {
    float: none;
    margin-top: 30px;
}
.article-comment-container {
    margin-top: 25px;
    padding-top: 0;
    float: none;
    /* border-top: solid 1px #E3E3E3; */
}
.pi-zone-wrap .comments-header h4 {
    line-height: 26px;
    color: rgba(0, 0, 0, 1);
    font-size: 20px;
    text-align: left;
    font-weight: normal;
    font-family: Times New Roman, Times, serif, STSongti-SC-Regular;
}
div.article-author-container .author-info>.img-text-wrapper {
    margin: 0;
}
.article-related-recommendations-header {
    line-height: 20px;
    color: rgba(35, 31, 32, 100);
    font-size: 20px;
    border-top: 1px solid #E3E3E3;
    padding: 36px 0 24px;
    font-weight: bold;
    border-bottom: 1px dashed #E3E3E3;
}
.article-related-recommendations-content {
    padding: 0;
    margin-bottom: 14px;
}
.article-related-recommendations-content .article-box.new-tag-list-body:first-child {
    border-top: none;
}

/* .article-new .article-body p:nth-child(2)::first-letter {
    float: left;
    font-size: 2.8em;
    line-height: 1;
    vertical-align: text-top;
    text-transform: uppercase;
} */
.article-new .article-body {
    min-height: 260px;
    margin-bottom: 0;
}
.article-new .article-body p,
.article-new .article-body div {
    font-size: 16px;
    line-height: 2;
    text-align: justify;
}

.article-new .article-body>*:first-child:first-letter,
.article-new .article-body>*:first-child p:first-child:first-letter,
.article-new .article-body>*:first-child div:first-child:first-letter {
    float: left;
    font-size: 3.6em;
    line-height: 1;
    vertical-align: text-top;
    text-transform: uppercase;
}

/*.article-new .article-body p:first-child:first-letter,*/
/*.article-new .article-body div:first-child:first-letter,*/
/*.article-new .article-body>section:first-child>section:first-child p:first-child::first-letter {*/
/*    float: left;*/
/*    font-size: 3.6em;*/
/*    line-height: 1;*/
/*    vertical-align: text-top;*/
/*    text-transform: uppercase;*/
/*}*/
/*.article-new .article-body table p:first-child:first-letter,*/
/*.article-new .article-body table div:first-child:first-letter {*/
/*    font-size: 16px;*/
/*    line-height: 2;*/
/*    text-align: justify;*/
/*}*/

.article-new .article-body * p:first-child {
    float: none;
    font-size: 1em;
}
.article-new .article-body>section p:first-child::first-letter {
    float: none;
    font-size: 16px;
}
.article-new .article-body p a,
.article-new .article-body div a {
    color: #0070C9;
    text-decoration: none;
}
.col-xs-8.article-comment-container {
    padding: 0;
    padding-right: 13px;
}
.article-comment-container .pi-comment-lead,
#pi-comment-lead {
    width: 100%;
    margin: 0;
}
.article-comment-container .comments-header {
    margin-left: 0;
    margin-right: 0;
    padding-left: 35px;
    background-color: transparent;
    background: url('//asset.semidata.info/new.eefocus.com/theme-eefv2/image/icon-comment-pc.svg') left center no-repeat;
    background-size: 24px auto;
    border: none;
}
div.article-comment-container .comment-item>a {
    margin-right: 20px;
}
.article-comment-container .comment-item>a>img {
    width: 46px;
    height: 46px;
    border-radius: 50%;
}
.article-comment-container .comment-item textarea.input-block-level {
    height: 72px;
    padding: 10px 16px;
    color: rgba(35, 31, 32, 1);
    font-size: 14px;
    line-height: 1.8;
    text-align: justify;
    transition: 0.2s;
}
.article-comment-container .comment-item textarea.input-block-level::-webkit-input-placeholder {
    line-height: 28px;
    color: rgba(116, 119, 121, 1);
    font-size: 14px;
    text-align: justify;
}
.article-comment-container .comment-item textarea.input-block-level,
.article-comment-container .comment-item textarea.input-block-level:focus {
    box-shadow: none;
    outline: none;
}
.article-comment-container .comment-item textarea.input-block-level:focus {
    height: 94px;
    transition: 0.2s;
}
.article-comment-container .comment-item .comment-length-limit {
    display: none;
    height: 0;
    margin: 0;
    padding-right: 20px;
    position: relative;
    top: -20px;
    text-align: right;
    color: rgba(116, 119, 121, 1);
    font-size: 12px;
}
.article-comment-container .comments-panel {
    padding-left: 0;
}
.article-comment-container .comments-panel .comment-item .media-heading a {
    margin-right: 30px;
    color: rgba(51, 51, 51, 1);
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    font-family: Times New Roman, Times, serif, STSongti-SC-Regular;
    font-weight: bold;
}
.article-comment-container .comments-panel .comment-item .media-heading span {
    color: rgba(102, 102, 102, 1);
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    text-align: left;
}
.article-comment-container .comments-panel .comment-item .media-body p {
    line-height: 18px;
    color: rgba(51, 51, 51, 1);
    font-size: 14px;
    font-weight: normal;
    text-align: justify;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.article-new .author-info {
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(227, 227, 227, 1);
}
.article-new .author-info .avatar-container {
    float: left;
    display: flex;
    display: -ms-flexbox;
    width: auto;
    height: auto;
    border-radius: 50%;
    align-items: center;
    justify-content: left;
    -ms-flex-pack: left;
    overflow: hidden;
}
.article-new .author-info .avatar-container img {
    width: 90px;
    height: 90px;
    margin: 0;
}
.article-new .author-info .author-info-container {
    height: auto;
    /* padding-top: 12px; */
    padding-left: 28px;
    font-size: 22px;
}
.article-new .author-info .author-desc {
    margin-top: 12px;
    opacity: 0.8;
    color: rgba(102, 102, 102, 1);
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    font-family: Times New Roman, Times, serif, STSongti-SC-Regular;
}
.article-new .author-info .img-text-wrapper .title {
    height: auto;
    line-height: 24px;
    color: rgba(0, 0, 0, 1);
    font-size: 20px;
    text-align: left;
    font-family: Times New Roman, Times, serif, STSongti-SC-Regular;
    font-weight: bold;
}
.article-new .author-info .all-articles-link {
    margin-top: 10px;
    border-left: solid 3px #dd3d3d;
    padding-left: 6px;
    height: 14px;
}
.article-new .author-info .all-articles-link a {
    height: 24px;
    display: inline-block;
    margin-top: -8px;
    font-size: 14px;
    line-height: 24px;
    color: #747779;
}
.article-new .rightside-ad {
    width: 300px;
    margin: 0 0 40px 30px;
}
.panel-default > .panel-heading.block-title-container {
    padding: 0;
    border: none;
}
.block-title {
    height: 20px;
    margin-bottom: 30px;
    padding-left: 6px;
    font-size: 22px;
    line-height: 1;
    color: #231f20;
    border-left: solid 3px #dd3d3d;
}
.block-title span {
    width: 100%;
    display: inline-block;
    position: relative;
    top: -2px;
    font-family: Times New Roman, Times, serif, STSongti-SC-Regular;
    font-weight: 600;
}
.article-new .article-top-n-by-publish-time-v2,
.article-new .embedded-weekly-rank,
.article-new .widget-remote-hot-tags,
.article-new .widget-follow-us-v2,
.article-new .focus-article {
    width: 300px;
    display: inline-block;
}
.article-new .article-top-n-by-publish-time-v2 .latest-news-list {
    margin-right: 0;
    margin-left: 0;
    list-style: none;
}
.article-new .article-top-n-by-publish-time-v2 .latest-news-list li {
    margin: 18px 0;
    height: auto;
    background: none;
}
.article-new .article-top-n-by-publish-time-v2 .latest-news-list li:first-child {
    margin-top: 0;
}
.article-new .article-top-n-by-publish-time-v2 .latest-news-list li:last-child {
    margin-bottom: 0!important;
}
.article-new .article-top-n-by-publish-time-v2 .latest-news-list li p {
    margin: 0;
}
.article-new .article-top-n-by-publish-time-v2 .latest-news-list li .link-title-container {
    line-height: 26px;
    color: #231F20;
    font-size: 14px;
}
.article-new .article-top-n-by-publish-time-v2 .latest-news-list li .link-info-container {
    line-height: 23px;
    color: #747779;
    font-size: 14px;
}
.article-new .article-top-n-by-publish-time-v2 .latest-news-list li .link-info-container span:first-child {
    margin-right: 28px;
}
.article-new .embedded-weekly-rank {
    width: 300px;
    display: inline-block;
}
.article-new .api-qrcode-panel {
    display: none;
}
.article-new .article-share {
    border: none;
}
.article-new .article-share .new-tags {
    height: auto;
}
.article-new .article-share .article-tag {
    display: inline-block;
    /* margin-bottom: 30px; */
    padding: 0 10px;
    border: solid 1px #E3E3E3;
    border-radius: 32px;
    color: #1B2021;
    font-size: 14px;
    line-height: 2;
    opacity: 0.8;
}
.article-new .article-share .article-tag:hover {
    text-decoration: none;
    opacity: 1;
}
.article-source-declaration-container {
    margin-bottom: 30px;
}
.article-source-declaration-container .internet-tag {
    margin: 0;
    font-size: 14px;
    color: #9C9999;
    line-height: 32px;
}
.article-source-declaration-container .common-declaration {
    width: 100%;
    margin-bottom: 0;
    line-height: 24px;
    font-size: 16px;
    color: #9C9999;
    text-align: justify;
}
.article-source-declaration-container .common-declaration.origin-declaration {
    color: #DD3D3D;
}
.import-from-internet .common-declaration {
    line-height: 24px;
}
.share-link-container,
.share-link-container .bdsharebuttonbox {
    text-align: center;
}
.share-link-container {
    margin-top: 40px;
}
.share-link-container hr {
    width: 100%;
    margin: 40px 0;
    border-color: #E3E3E3;
}
.eefv2-share-container.share-link-container {
    margin-top: 0;
}
.eefv2-share-container.share-link-container hr {
    width: 100%;
    margin: 20px 0;
    border-color: #E3E3E3;
}
.eefv2-share-container.share-link-container .bdsharebuttonbox {
    margin-bottom: 30px;
    text-align: right;
    vertical-align: middle;
}
.share-link-container .bdsharebuttonbox span.share-link-title-content {
    line-height: 22px;
    color: rgba(75, 71, 72, 1);
    font-size: 16px;
    font-weight: 500;
    vertical-align: middle;
}
.share-link-container .bdsharebuttonbox a {
    width: 28.8px;
    height: 28.8px;
    display: inline-block;
    float: none;
    margin: 0;
    margin-top: 0px;
    margin-right: 13px;
    padding: 0;
    background: none;
    border-radius: 40px;
    vertical-align: middle;
}
/* .share-link-container .bdsharebuttonbox a.bds_weixin {
    background: url('//asset.semidata.info/new.eefocus.com/theme-eefv2/image/icon-wechat-green.svg') center center no-repeat;
    background-size: 100% 100%;
}
.share-link-container .bdsharebuttonbox a.bds_sqq {
    background: url('//asset.semidata.info/new.eefocus.com/theme-eefv2/image/icon-qq-blue.svg') center center no-repeat;
    background-size: 100% 100%;
}
.share-link-container .bdsharebuttonbox a.bds_tsina {
    background: url('//asset.semidata.info/new.eefocus.com/theme-eefv2/image/icon-weibo-red.svg') center center no-repeat;
    background-size: 100% 100%;
} */
.share-link-container .bdsharebuttonbox a:last-child {
    margin-right: 0;
}
.share-link-container .bdsharebuttonbox a img {
    width: 36px;
    height: 36px;
}
.share-link-container .share-link-title .line-span {
    width: 45.5%;
    height: 1px;
    float: none;
    margin-top: 18px;
    margin-left: 0;
    border-top: solid 1px #F0F0F0;
    display: inline-block;
}
.share-link-container .share-link-title .line-span:first-child {
    float: left;
}
.share-link-container .share-link-title .line-span:last-child {
    float: right;
}
.share-link-container .share-link-title .share-link-title-content {
    font-size: 16px;
    line-height: 36px;
    text-align: center;
}
.textLinkBox iframe{
    margin-bottom:20px;
}
/* 新版不需要以下样式 */
/* .related-article-links{
    background-color: #F8F8F8;
    padding: 20px 32px 0 32px;
    margin-bottom:20px;
    clear: both;
}
.related-article-links>div {
    display: none;
}
.related-article-links>ul li {
    padding-left: 18px;
    background: url('//asset.semidata.info/new.eefocus.com/theme-eefv2/image/icon-arrow-right.svg') left center no-repeat;
    list-style: none;
    color: #333333;
    font-size: 14px;
    line-height: 23px;
    text-decoration: none;
    width: 50%;
    text-align: left;
    float: left;
}
.related-article-links>ul li ins,
.related-article-links>ul li ins a {
    text-decoration: none;
}
.related-article-links>ul li ins a {
    color: #DD3D3D;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    text-align: left;
    font-family: STSongti-SC-Black;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width:530px;
    display: inline-block;
    padding-top:5px;
}
.related-article-links>ul li ins a:hover{
    color:#DD3D3D;
}
.related-article-links>p {
    margin-bottom: 3px;
} */
.comment-form .verify-code-container {
    display: none;
    margin-top: 11px;
    text-align: right;
}
.v2-comment-error-tip {
    width: auto;
    margin-left: 567px;
    line-height: 18px;
    font-size: 12px;
    color: #DD3D3D;
    text-align: left;
}
.comment-form .verify-code-container img {
    display: inline-block;
    margin-top: -16px;
}
.comment-form .verify-code-container input[type='text'] {
    width: 100px;
    height: 40px;
    margin-top: 8px;
    margin-left: 20px;
    padding: 4px 10px;
    font-size: 14px;
    color: #505050;
    line-height: 2;
    vertical-align: bottom;
}
.comment-form .verify-code-container input[type='text'],
.comment-form .verify-code-container input[type='text']:focus {
    outline: none;
}
.comment-form .verify-code-container input[type='text']::-webkit-input-placeholder {
    color: #747779;
    font-size: 12px;
}
.comment-form .verify-code-container input[type='text']::-moz-placeholder {
    color: #747779;
    font-size: 12px;
}
.comment-form .verify-code-container input[type='text']:-ms-input-placeholder {
    color: #747779;
    font-size: 12px;
}
.comment-form #comment-post br {
    display: none;
}
.comment-form #comment-post .js-comment-btn {
    float: right;
}
.comment-form #comment-post .js-comment-btn .btn-primary {
    height: 38px;
    width: 100px;
    margin-top: 9px;
    margin-bottom: 1px;
    margin-left: 40px;
    border-radius: 2px;
    background: linear-gradient(#dd3d3d, #c73636);
    font-size: 16px;
    border: none;
    line-height: 26px;
}
.comment-form #comment-post .js-comment-btn .btn-primary,
.comment-form #comment-post .js-comment-btn .btn-primary:active,
.comment-form #comment-post .js-comment-btn .btn-primary:focus {
    outline: none;
}
.comment-form .verify-code-container .comment-hint {
    line-height: 32px;
    margin: 0 125px;
}
.comment-form .verify-code-container .comment-hint a {
    color: #0070C9;
    cursor: pointer;
}
.left-share-bar {
    position: absolute;
    top: 0;
    margin-left: -67px;
    z-index: 10;
}
.left-share-bar .share-link-container .bdsharebuttonbox a {
    display: block;
    margin: 0;
    margin-bottom: 12px;
}
.left-share-bar .share-link-container .bdsharebuttonbox a.bds_weixin {
    background: url('//asset.semidata.info/new.eefocus.com/theme-eefv2/image/icon-wechat-gray.svg') center center no-repeat;
    background-size: 100% 100%;
}
.eefv2-share-container.share-link-container .bdsharebuttonbox a.bds_weixin {
    background: url('//asset.semidata.info/new.eefocus.com/theme-eefv2/image/share-wechat.svg') center center no-repeat;
    background-size: 100% 100%;
}
.left-share-bar .share-link-container .bdsharebuttonbox a.bds_weixin:hover {
    background: url('//asset.semidata.info/new.eefocus.com/theme-eefv2/image/icon-wechat-green.svg') center center no-repeat;
    background-size: 100% 100%;
}
.eefv2-share-container.share-link-container .bdsharebuttonbox a.bds_weixin:hover {
    background: url('//asset.semidata.info/new.eefocus.com/theme-eefv2/image/share-wechat-green.svg') center center no-repeat;
    background-size: 100% 100%;
}
.left-share-bar .share-link-container .bdsharebuttonbox a.bds_sqq {
    background: url('//asset.semidata.info/new.eefocus.com/theme-eefv2/image/icon-qq-gray.svg') center center no-repeat;
    background-size: 100% 100%;
}
.eefv2-share-container.share-link-container .bdsharebuttonbox a.bds_sqq {
    background: url('//asset.semidata.info/new.eefocus.com/theme-eefv2/image/share-qq.svg') center center no-repeat;
    background-size: 100% 100%;
}
.left-share-bar .share-link-container .bdsharebuttonbox a.bds_sqq:hover {
    background: url('//asset.semidata.info/new.eefocus.com/theme-eefv2/image/icon-qq-blue.svg') center center no-repeat;
    background-size: 100% 100%;
}
.eefv2-share-container.share-link-container .bdsharebuttonbox a.bds_sqq:hover {
    background: url('//asset.semidata.info/new.eefocus.com/theme-eefv2/image/share-qq-blue.svg') center center no-repeat;
    background-size: 100% 100%;
}
.left-share-bar .share-link-container .bdsharebuttonbox a.bds_tsina {
    background: url('//asset.semidata.info/new.eefocus.com/theme-eefv2/image/icon-weibo-gray.svg') center center no-repeat;
    background-size: 100% 100%;
}
.eefv2-share-container.share-link-container .bdsharebuttonbox a.bds_tsina {
    background: url('//asset.semidata.info/new.eefocus.com/theme-eefv2/image/share-weibo.svg') center center no-repeat;
    background-size: 100% 100%;
}
.left-share-bar .share-link-container .bdsharebuttonbox a.bds_tsina:hover {
    background: url('//asset.semidata.info/new.eefocus.com/theme-eefv2/image/icon-weibo-red.svg') center center no-repeat;
    background-size: 100% 100%;
}
.eefv2-share-container.share-link-container .bdsharebuttonbox a.bds_tsina:hover {
    background: url('//asset.semidata.info/new.eefocus.com/theme-eefv2/image/share-weibo-red.svg') center center no-repeat;
    background-size: 100% 100%;
}
.article-new .popover.top {
    margin-top: -140px;
    margin-left: -60px;
}
.article-new .col-xs-12.article-new-title {
    margin-bottom: -20px;
    /* padding-bottom: 15px; */
    /* border-bottom: 1px solid #E3E3E3; */
}
.article-new .breadcrumb span.divider {
    margin: 0;
}
.article-new .author-info-container .author-position {
    width: 100%;
    height: auto;
    margin-top: 4px;
    line-height: 18px;
    color: rgba(51, 51, 51, 1);
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}
/* Video */
.article-video-body {
    margin-bottom: 4em;
    border: solid 1px #eeeeee;
}
.ckeditor-sfvideo iframe {
    border: solid 1px #eeeeee;
}
.article-video-body .vjs-poster {
    background-color: transparent;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: "" !important;
    background: url('//asset.semidata.info/new.eefocus.com/theme-eefv2/image/icon-video-play-2x.png') center center no-repeat;
    background-size: 92px 92px;
}
/* 去掉播放器自带的边框样式 */
.video-js .vjs-big-play-button{
    outline: none;
}
.video-js .vjs-control-bar *{
    outline: none;
}
.latest-news-video {
    margin-bottom: 1em;
}
.latest-news-video-wrap {
    padding-bottom: 20px!important;
    margin-bottom: 12px!important;
    border-bottom: 1px dashed #D7D6D6; 
}
.video-wrap {
    position: relative;
    width: 100%;
}
.video-wrap.video-sm .vjs-big-play-button {
    font-size: 6em;
}
.video-wrap .video-js {
    width: 100%;
}
.video-js .vjs-tech {
    outline: 0;
}

.article-video-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 2;
}
.article-video-mask .login-box {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -100px;
    width: 200px;
    height: 100px;
    text-align: center;
    color: #fff;
}
.article-video-mask .title {
    font-size: 22px;
    font-weight: 200;
    margin-bottom: 25px;
    color: rgba(255, 255, 255, .8);
    font-family: PingFangSC-Regular;
}
.article-video-mask .login a {
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    font-size: 14px;
    color: #fff;
    background: #DD3D3D;
    background: linear-gradient(to bottom, #DD3D3D, #C93838);
    text-decoration: none;
}
.article-video-mask .register {
    margin: 10px 0;
    font-size: 12px;
    color: rgba(255, 255, 255, .8);
}
.article-video-mask .register a {
    color: #F7B500;
    padding-left: 5px;
    text-decoration: none;
}
.article-video-mask a:hover {
    opacity: .9;
}
.video-login-wrap {
    padding-top: 50%;
}
.video-login-wrap > img {
    max-width: 100%;
    width:100%;
    height:100%;
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.pi-zone-wrap>.comments-panel#comments {
    min-height: 600px;
}
.article-author-info-title {
    margin-bottom: 22px;
    padding-left: 35px;
    background: url('//asset.semidata.info/new.eefocus.com/theme-eefv2/image/icon-author.svg') no-repeat left center;
    background-size: 24px auto;
    line-height: 26px;
    color: rgba(0, 0, 0, 1);
    font-size: 20px;
    font-weight: normal;
    text-align: left;
    font-family: Times New Roman, Times, serif, STSongti-SC-Regular;
}
.article-divider {
    height: 0;
    margin-bottom: 20px;
    background-color: rgba(208, 208, 208, 0.4);
    border-top: dotted 1px #e3e3e3;
}
@media screen and (max-width: 550px) {
    .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
        content: "" !important;
        background: url('//asset.semidata.info/new.eefocus.com/theme-eefv2/image/icon-video-play-2x.png') center center no-repeat;
        background-size: 46px 46px;
    }
}
/* 旧版底部悬浮广告的样式 ---- 目前先删掉 */
.bg-black{display:none;position:fixed;left:0;bottom:0;width:100%;height:110px;background-color:rgba(0,0,0,0.3);z-index:100}
.ad-bottm{width:100%;position:relative}
.ad-bottom-image{width:728px;height:90px;margin:10px auto}
.ad-bottom-close{position:absolute;color:#fff;right:20px;top:10px;width:22px;height:22px;text-align:center;line-height:22px;border:1px solid #fff;border-radius:50%;cursor:pointer}

/* 新增的视频集合区块样式 */
.videosAllContainer{
    /* border:1px solid blue; */
    /* padding:30px 0; */
    padding-top:30px;
    margin-top: 9.5px;
    width:800px;
    border-top:0.5px dashed #e5e5e5;
}
.videosAllContainer-detailsPage {
    padding-top:0px;
    margin-top:0px;
    border-top:none;
    margin-bottom:26px;
}
.videosAllContainer .video-container {
    height:450px;
    width:100%;
}
.videosAllContainer .video-container .video-wrap{
    height: 450px;
}
.videosAllContainer .video-container .video-wrap-hasUrl .vjs-login-content-left {
    transition: visibility .1s,opacity .1s;
    position: absolute;
    padding: 6px 10px 5px;
    left: 0;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    background: rgba(0,0,0,.5);
    margin: -55% 0 0 1.5%;
    z-index: 2;
}
.videosAllContainer .video-container .video-wrap-hasUrl .vjs-login-content-left a{
    color: #f7b500;
    padding-left: 5px;
    text-decoration: none;
}
.videosAllContainer > .titleBox{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    width:100%;
    height:28px;
    line-height:28px;
    margin-bottom:30px;
    /* outline:1px solid orange; */
    position:relative;
}
.videosAllContainer > .titleBox > .line{
    width: 3px;
    height: 18px;
    background-color: rgba(221, 61, 61, 1);
    top:5px;
    left:0;
    position:absolute;
}
.videosAllContainer > .titleBox > .leftTitle{
    color: rgba(35, 31, 32, 1);
    font-size: 20px;
    text-align: justify;
    font-weight:bold;
    margin-left:12px;    
}
.videosAllContainer > .titleBox > .moreVideo{
    /* color: rgba(220, 61, 61, 1); */
    font-size: 14px;
    text-align: center;
    font-weight:bold;    
    text-decoration:none;
    color: rgba(51, 51, 51, 1);
}
.videosAllContainer > .titleBox > .moreVideo:hover{
    color: rgba(220, 61, 61, 1);
    font-weight:bold; 
    cursor:pointer
}
.videosAllContainer > .describe{
    margin: 14px 0 30px 0;
}
.videosAllContainer > .describe > .title {
    margin-bottom:8px;
    min-height: 24px;
    line-height: 24px;
    color: rgba(35, 31, 32, 1);
    font-size: 20px;
    text-align: left;
    font-family: STSongti-SC-Black;
    cursor:pointer;
     /* 下面这种方法IE不兼容，但是IE现在可以不出现省略号，所以可以用了，唯一问题是要限制住高度 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    max-height:48px;
     /* 因此换用兼容IE的方式如下--改用js类方式实现  */
     /* max-height:48px;
     position: relative;
     overflow: hidden; */
}
.videosAllContainer > .describe > .titleEllipsis::after{
    content: '...'; 
    position: absolute;
	right: 0px;
	bottom: 0;
    width: 1.2rem;
    padding-left: 0.2rem;
    background-color:#fff;
}
.videosAllContainer > .describe > .title:hover{
    color: rgba(221, 61, 61, 1);
}
.videosAllContainer > .describe > .content {
    color: rgba(35, 31, 32, 0.6);
    font-size: 14px;
    text-align: justify;
    font-family: STSongti-SC-Regular;
    /* 下面这种方法IE不兼容，但是IE现在可以不出现省略号，所以可以用了，唯一问题是要限制住高度 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    max-height:40px;
     /* 因此换用兼容IE的方式如下--改用js类方式实现  */
     /* max-height:40px;
     position: relative;
     overflow: hidden; */
}
.videosAllContainer > .describe > .contentEllipsis::after{
    content: '...'; 
    position: absolute;
	right: 1px;
	bottom: 0;
    width: 0.9rem;
    padding-left: 0.2rem;
    background-color:#fff;
}
/* PC端最新4条视频，点击可以改变视频内部播放的资源 */
.videosAllContainer > .latestVideoForPC{
    display: flex;
    flex-direction: row;
    justify-content:space-between;
    align-items:flex-start;
}
.videosAllContainer > .latestVideoForPC > .contentBox{
    width: 185px;
    cursor: pointer;
    position: relative;
    /* height: 104px; */
    /* border:1px solid red; */
}
.videosAllContainer > .latestVideoForPC > .contentBox > .img{
    width: 100%;
    height: 104px;
    border: 1px solid rgba(238, 238, 238, 1);
    margin-bottom:8px;
    overflow:hidden;
    display:flex;
    justify-content: center;
    align-items: center;
}
.videosAllContainer > .latestVideoForPC > .contentBox > .img > img {
    width:100%;
    /* height:104px; */
}
.videosAllContainer > .latestVideoForPC > .contentBox > .title{
    color: rgba(35, 31, 32, 1);
    font-size: 16px;
    text-align: justify;
    font-weight:bold;
    word-wrap:normal;
    /* 下面这种方法IE不兼容，但是IE现在可以不出现省略号，所以可以用了，唯一问题是要限制住高度 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    max-height: 40px;
    /* 因此换用兼容IE的方式如下--改用js类方式实现  */
    /* width:185px;
    height:40px;
    position: relative;
    overflow: hidden; */
}
.videosAllContainer > .latestVideoForPC > .contentBox > .titleEllipsis::after{
      content: '...'; 
      position: absolute;
	  right: 0px;
	  bottom: 0;
      width: 20px;
      padding-left: 0.2rem;
      background-color:#fff;
}

.videosAllContainer > .latestVideoForPC > .contentBox > .palyMask{
   position: absolute;
   top: 0;
   left: 0;
   width:100%;
   height: 104px;
   /* opacity: 0.7; */
   /* background: rgba(0,0,0,0); */
   display: flex;
   justify-content: center;
   align-items: center;
   visibility:hidden;
}
/* .videosAllContainer > .latestVideoForPC > .contentBox > .noPlaying{
    opacity: 0.7;
} */
.videosAllContainer > .latestVideoForPC > .contentBox > .noPlaying > .icon {
    width:28px;
    height:28px;
    background: url('//asset.semidata.info/new.eefocus.com/theme-eefv2/image/icon-video-play-2x.png') center center no-repeat;
    background-size: cover;
}

.videosAllContainer > .latestVideoForPC > .contentBox > .isPlaying {
    /* opacity: 0.7; */
    /* background-color: rgba(0, 0, 0, 1); */
    background: rgba(0,0,0,0.7);
}
.videosAllContainer > .latestVideoForPC > .contentBox > .isPlaying > .content {
    color: #fff;
    font-size: 14px;
    text-align: left;
    font-weight: bold;
}
/* 移动端视频,变成超链接，去文章详情页 */
/* 新版底部悬浮广告的样式 */
.bg-black-new{position:fixed;left:0;bottom:0;right:0;width:100%;height:90px;z-index:100}
.ad-bottm-new{width:100%;position:relative}
.ad-bottom-image-new{position:relative;width:1160px;height:90px;margin:0px auto}
.ad-bottom-close-new{position:absolute;background: url('//asset.semidata.info/new.eefocus.com/theme-eefv2/image/icon-close-2x.png') center center no-repeat;
    background-size:cover;right:8px;top:7px;width:16px;height:16px;cursor:pointer}
.ad-bottom-close-new-middle{
    position:absolute;background: url('//asset.semidata.info/new.eefocus.com/theme-eefv2/image/icon-close-2x.png') center center no-repeat;
    background-size:cover;right:368px;top:7px;width:16px;height:16px;cursor:pointer
}

/* 顶部悬浮广告的样式 ---- 滚动一定距离会隐藏 */
.ad-top-container{position:fixed;left:0;top:0;width:100%;min-width:970px;height:auto;background-color: #000000;z-index: -1;}
.ad-top{width:100%}
.ad-top-image{width:auto;height:auto;margin:25px auto;display:flex;justify-content: center;align-items: center;}
/* .whiteback{
    position: fixed;
    height: 30px;
    background-color: #000;
    width: 100%;
    top: 115px;
    left: 0;
    display: none;
} */
/* .ad-top-image ins img {
    height: 300px;
} */
/* 右侧广告与底部广告之间层级关系问题 */
.v2-block-container .common-square-ad.float-common-square-ad {
    z-index: 3;
}
/*  所有的带视频文章列表页新增一个播放按钮图标  */
.videoCoverPic {
    position: relative;
}
.videoCoverPic > .icon {
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    bottom:0;
    margin: auto;
    width:56px;
    height:56px;
    background: url('//asset.semidata.info/new.eefocus.com/theme-eefv2/image/icon-video-play-2x.png') center center no-repeat;
    background-size: cover;
}
/* column 页图片很小，兼容下 */
.author-related-article-poster.videoCoverPic > .icon {
    width:28px;
    height:28px;
}