/* ========== 文章详情+单篇 start ========== */
.articleC {overflow: hidden;background: #FFFFFF;}
.articleHeader {overflow: hidden;padding: 50px 80px 20px;position: relative;}
.articleHeader::before {
    position: absolute;
    display: block;
    content: '';
    width: 90%;
    height: 8px;
    background: url(../test/newsLine.png) no-repeat center center / 100% 100%;
    margin: auto;
    bottom: 0;
    left: 0;
    right: 0;
}
.articleBody {overflow: hidden;padding: 20px 50px 0;}
.articleFooter {overflow: hidden;padding: 28px 50px;}
.articlePublish {overflow: hidden;text-align: center;font-size: 0;padding-top: 10px;}
.articlePublish .item {display: inline-block;vertical-align: middle;font-size: 0;text-align: center;overflow: hidden;margin: 0 10px;}
.articlePublish .item span {display: inline-block;vertical-align: middle;color: #666666;font-size: 14px;line-height: 35px;}
.articlePublish .icon {background-repeat: no-repeat;background-position: center left;width: 25px;height: 35px;background-size: auto 20px;}
.articleAudio,
.articleBigPicture,
.articleVideo,
#play,
.articleBox,
.articlePagination,
.articleAnnex {margin-bottom: 20px;}
/* 字体大小 */
.articleSize{font-size: 0;text-align: center;}
.articleSize span{display: inline-block;vertical-align: middle;color: #666666;font-size: 14px;line-height: 35px;cursor: pointer;margin: 0 5px;padding: 0 5px;transition: .3s linear;-webkit-transition: .3s linear;}
.articleSize span.hover,
.articleSize span:hover{color: var(--mainColor);}
/* 文章标题 start */
.articleTitle {line-height: 50px;font-size: 28px;font-family: "microsoft yahei";color: #333333;text-align: center;position: relative;}
/* 文章标题 end */
/* 发布时间 start */
.articleTime .icon {background-image: url('../test/newsIcon1.png');}
/* 发布时间 end */
/* 来源 start */
.articleSource .icon {background-image: url('../test/newsIcon2.png');}
/* 来源 end */
/* 浏览量 start */
.articleBrowse .icon {background-image: url('../test/newsIcon3.png');}
.articleBrowse1 .icon {background-image: url('../test/newsIcon4.png');background-size: 80%;}
/* 浏览量 end */
/* 分享 start */
.articleShare .icon {background-image: url('../images/common/share.svg');}
.articleShare .sharejs_list .sharejs_item {position: relative;z-index: 100;}
/* 分享 end */
/* 音频 start */
.articleAudio {overflow: hidden;}
.articleAudio .audiojs audio {position: absolute;left: -1px;opacity: 0;}
.articleAudio .audiojs {z-index: 99999;background: #fff;overflow: hidden;font-family: monospace;font-size: 12px;border-radius: 5px;box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);width: 400px;margin: 0 auto;border: 1px solid #e5e5e5;}
.articleAudio .audiojs .play-pause {width: 25px;height: 27px;padding: 4px 6px;margin: 0px;float: left;overflow: hidden;position: relative;}
.articleAudio .audiojs .play-pause:before {content: '';display: block;border-right: 1px solid #e5e5e5;position: absolute;right: 0;top: 0;height: 100%;transform: scaleX(0.3);-webkit-transform: scaleX(0.3);}
.articleAudio .audiojs p {display: none;width: 25px;height: 27px;margin: 0px;cursor: pointer;}
.articleAudio .audiojs .play {display: block;}
.articleAudio .audiojs .scrubber {position: relative;float: left;width: 240px;background: #f5f5f5;height: 14px;margin: 10px;top: 1px;overflow: hidden;}
.articleAudio .audiojs .progress {position: absolute;top: 0px;left: 0px;height: 14px;width: 0px;background: #fbbc05;z-index: 1;}
.articleAudio .audiojs .loaded {position: absolute;top: 0px;left: 0px;height: 14px;width: 0px;background: #ffeebb;cursor: pointer;}
.articleAudio .audiojs .time {overflow: hidden;height: 35px;line-height: 36px;margin: 0px 0px 0px 6px;padding: 0px 6px 0px 12px;position: relative;color: #666;}
.articleAudio .audiojs .time:before {content: '';display: block;border-left: 1px solid #e5e5e5;position: absolute;left: 0;top: 0;height: 100%;transform: scaleX(0.3);-webkit-transform: scaleX(0.3);}
.articleAudio .audiojs .time em {padding: 0px 2px 0px 0px;color: #666;font-style: normal;}
.articleAudio .audiojs .time strong {padding: 0px 0px 0px 2px;font-weight: normal;}
.articleAudio .audiojs .error-message {display: none;padding: 0px 10px;height: 35px;overflow: hidden;line-height: 36px;white-space: nowrap;color: #666;text-overflow: ellipsis;-o-text-overflow: ellipsis;-icab-text-overflow: ellipsis;-khtml-text-overflow: ellipsis;-moz-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;}
.articleAudio .audiojs .error-message a {color: #666;text-decoration: none;padding-bottom: 1px;border-bottom: 1px solid #999;white-space: wrap;}
.articleAudio .audiojs .play {background: url(../components/audio/images/play.png) center center no-repeat;background-size: 14px;}
.articleAudio .audiojs .loading {background: url(../components/audio/images/loading.png) center center no-repeat;background-size: 14px;-webkit-animation: fa-rotating 2s infinite linear;animation: fa-rotating 2s infinite linear;}
.articleAudio .audiojs .loading:before {content: '';}
@keyframes fa-rotating {
	0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100% {-webkit-transform: rotate(359deg);transform: rotate(359deg);}
}
@-webkit-keyframes fa-rotating {
	0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100% {-webkit-transform: rotate(359deg);transform: rotate(359deg);}
}
.articleAudio .audiojs .error {background: url(../components/audio/images/error.png) center center no-repeat;background-size: 14px;}
.articleAudio .audiojs .pause {background: url(../components/audio/images/pause.png) center center no-repeat;background-size: 16px;}
.articleAudio .playing .play,
.articleAudio .playing .loading,
.articleAudio .playing .error ,
.articleAudio .loading .play,
.articleAudio .loading .pause,
.articleAudio .loading .error ,
.articleAudio .error .time,
.articleAudio .error .play,
.articleAudio .error .pause,
.articleAudio .error .scrubber,
.articleAudio .error .loading {display: none;}
.articleAudio .playing .pause,
.articleAudio .loading .loading,
.articleAudio .error .error,
.articleAudio .error .error-message {display: block;}
.articleAudio .error .play-pause p {cursor: auto;}
/* 音频 end */
/* 视频 start */
.articleVideo {width: 600px;height: 400px;margin-left: auto;margin-right: auto;position: relative;}
.articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress .ck-bar-progress-bg .ck-bar-progress-play,
.articleVideo .ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom .ck-top-bar-zoom-container:hover .ck-top-bar-zoom-left div,
.articleVideo .ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom .ck-top-bar-zoom-container.ck-top-bar-zoom-container-focus .ck-top-bar-zoom-left div {background: var(--mainColor);}
.articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-bar-volumebox .ck-bar-volume .ck-bar-volume-bg .ck-bar-volume-pp,
.articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-list-bg-box .ck-list-bg .ck-list-p-focus,
.articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-bar-playbackrate-box .ck-bar-playbackrate:hover,
.articleVideo .ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom .ck-top-bar-zoom-container:hover .ck-top-bar-zoom-right,
.articleVideo .ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom .ck-top-bar-zoom-container.ck-top-bar-zoom-container-focus .ck-top-bar-zoom-right {color: var(--mainColor);}
.articleVideo .ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom .ck-top-bar-zoom-container:hover .ck-top-bar-zoom-left,
.articleVideo .ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom .ck-top-bar-zoom-container.ck-top-bar-zoom-container-focus .ck-top-bar-zoom-left {border-color: var(--mainColor);}
.articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-bar-fullandexit .ck-btn-full:hover,
.articleVideo .ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-fullandexit .ck-btn-exitfull:hover,
.articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-bar-volumebox .ck-btn-muted:hover,
.articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-bar-playandpause .ck-btn-play:hover,
.articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-bar-playandpause .ck-btn-refresh:hover,
.articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-bar-volumebox .ck-btn-exitmuted:hover,
.articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-bar-playandpause .ck-btn-pause:hover{background-image: url('../images/common/ckplayer.png');}
.articleVideo .ckplayer-ckplayer .ck-main .ck-center-play {background-position: 63% center;background-size: 40% 40%;border: 4px solid rgba(255, 255, 255, .3);background-color: rgba(255, 255, 255, .15);width: 60px !important;height: 60px !important;}
.articleVideo .ckplayer-ckplayer .ck-main .ck-center-play:hover {transform: scale(1.15);-webkit-transform: scale(1.15);}
.articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress,
.articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress-bg,
.articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress-load,
.articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress-play,
.articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress-mouseline {height: 6px !important;}
.articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress .ck-bar-progress-slider {width: 10px;height: 10px;top: -8px;}
/* 视频 end */
/* 大图 start */
.articleBigPicture {overflow: hidden;}
#play {width: 600px;height: 400px;position: relative;overflow: hidden;background: #fff;border: 1px solid #e9e9e9;margin-left: auto;margin-right: auto;}
#play .change_a {width: 40%;height: 100%;position: absolute;top: 0;z-index: 1;cursor: pointer;display: block;overflow: hidden;}
#play .prev_a {left: 0;}
#play .next_a {right: 0;text-align: right;}
#play .change_a span {width: 100%;height: 0;line-height: 0;display: block;position: absolute;top: 0;bottom: 0;margin: auto;display: none;font-size: 80px;}
#play .prev_a span {left: 0;}
#play .next_a span {right: 0;text-align: right;}
#play .img_ul,.imgMove {width: 600px;}
#play .img_ul {position: relative;z-index: 1;height: 400px;}
#play .img_ul li {position: relative;z-index: 1;width: 100%;height: 100%;background: #fff;}
#play .img_ul li img,
.img_hd ul li img {position: absolute;width: 100%;height: 100%;object-fit: contain;}
.imgMove {clear: both;position: relative;margin-left: auto;margin-right: auto;}
.img_hd {margin: 0 auto;overflow: hidden;height: 60px;position: relative;}
.img_hd ul {z-index: 1;margin: 0 auto;}
.img_hd ul li {float: left;height: 52px;width: 70px;padding: 3px;margin: 0 7px;cursor: pointer;background: #fff;border: 1px solid #d4d4d4;position: relative;}
.img_hd ul li p {height: 100%;width: 100%;display: block;background: #fff;position: relative;}
.img_hd ul li i {display: block;clear: both;line-height: 20px;padding: 0 5px;background: #000;color: #fff;position: absolute;right: 3px;bottom: 3px;z-index: 9;filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;font-family: Arial;font-size: 12px;font-style: normal;}
.img_hd ul li.on {border: 1px solid var(--mainColor);background: var(--mainColor);}
.imgMove .bottom_a {width: 40px;height: 60px;line-height: 60px;font-size: 50px;display: block;cursor: pointer;float: left;top: 0;position: absolute;z-index: 9;color: var(--mainColor);}
.imgMove .prev_a {left: 0;}
.imgMove .next_a {right: 0;text-align: right;}
/* 大图 end */
/* 内容区 start */
.articleBox {line-height: 30px;color: #666666;font-size: 16px;overflow: hidden;}
.articleBox img{max-width:100%;}
/* 内容区 end */
/* 页码 start */
.articlePagination {clear: both;text-align: center;font-family: Arial;font-size: 0;}
.articlePagination a {margin: 0 5px;background: #ccc;padding: 3px 12px;display: inline-block;font-size: 12px;height: 24px;line-height: 24px;transition: all .3s linear;-webkit-transition: all .3s linear;}
.articlePagination a:hover,
.articlePagination a.hover {color: #fff;background: var(--mainColor);}
/* 页码 end */
/* 附件 start */
.articleAnnex {clear: both;font-size: 16px;overflow: hidden;}
.articleAnnex a {display: inline-block;line-height: 32px;padding: 0 20px 0px 30px;background-position: left -3px center;background-repeat: no-repeat;background-size: auto 32px;background-image: url('../images/common/file/file.png');color: #666;margin-bottom: 10px;}
.articleAnnex a.word {background-image: url('../images/common/file/word.png');color: #37a6ff !important;}
.articleAnnex a.ppt {background-image: url('../images/common/file/ppt.png');color: #ff7735 !important;}
.articleAnnex a.excel {background-image: url('../images/common/file/excel.png');color: #15bf44 !important;}
.articleAnnex a.pdf {background-image: url('../images/common/file/pdf.png');color: #1369c0 !important;}
.articleAnnex a.zip {background-image: url('../images/common/file/zip.png');color: #ff9779 !important;background-size: auto 22px;background-position: left center;}
.articleAnnex a:hover {text-decoration: underline;}
/* 附件 end */
/* 上一篇/下一篇 start */
.articlePage {
    display: block;
    line-height: 34px;
    color: #595959;
    font-size: 18px;
    font-weight: bold;
}

.articlePage .item {
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    overflow: hidden;
    width: 50%;
    padding: 0 50px;
    box-sizing: border-box;
    position: relative;
}
.articlePage .item:nth-child(1):before {
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 40px;
    background: #999;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: .5;
}

.articlePage a {
    font-size: 18px;
    color: #595959;
    position: relative;
    z-index: 10;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    font-weight: normal;
}

.articlePage a:hover {
    color: var(--mainColor);
}
/* 上一篇/下一篇 end */
.newsBox .returnListBtn {
    border: 1px solid #ba261a;
    background: none;
    border-radius: 50px;
    color: #ba261a !important;
}
.newsBox .returnListBtn i {
    background: url(../test/returnListBtnIcnA.png) no-repeat center center / 100%;
}
.newsBox .returnListNav a:hover,
.newsBox .returnListNav a.hover {color: #ba261a !important;}
/* ========== 文章详情+单篇 end ========== */