@font-face {
    font-family: "iconsupplement";
    /* Project id 3969363 */
    src: url('../fonts/iconfontsupplement.woff2?t=1679641380171') format('woff2'),
        url('../fonts/iconfontsupplement.woff?t=1679641380171') format('woff'),
        url('../fonts/iconfontsupplement.ttf?t=1679641380171') format('truetype');
}

.iconsupplement {font-family: "iconsupplement" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-sp-play:before {content: "\ea82";}
.icon-sp-downlaod:before {content: "\e63c";}
.icon-sp-table:before {content: "\e63e";}
.icon-sp-image:before {content: "\e604";}
.icon-sp-wx:before {content: "\e605";}
.icon-sp-other-link:before {content: "\e601";}
.icon-sp-doc:before {content: "\e64e";}
.icon-sp-other:before {content: "\e66e";}
.icon-sp-video:before {content: "\e623";}
.icon-sp-audio:before {content: "\e636";}
.icon-sp-link:before {content: "\e646";}
.icon-sp-other-download:before {content: "\e614";}
.icon-sp-ppt:before {content: "\e641";}
.icon-sp-excel:before {content: "\e602";}
.icon-sp-pdf:before {content: "\e740";}
.icon-sp-zip:before {content: "\e60d";}

.supplement-detail .main .container {background-color: #fff;padding: 15px 0;}

/*  .supplement-video{display: block;width: 100%;height: 0;padding-bottom: 69%;overflow: hidden;background-position: center center;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;position:relative;}
.supplement-video .video-js{width:100%;height:100%;position:absolute;left:0;top:0;display:block;}*/

.fig-detail-tit {font-weight: 700;color: #000;font-size: 18px;}
.supplement-type-tit {font-size: 18px;color: #000;font-weight: 700;padding-left: 12px;position: relative;margin-bottom: 25px;}
.supplement-type-tit::before {content: "";width: 5px;height: 18px;border-radius: 3px;background-color: #0960c0;position: absolute;left: 0;}

/* 图片附件列表 */
.supplement-type-list {display: flex;margin-bottom: 25px;margin-left: -30px;flex-wrap: wrap;}
.supplement-type-item {margin-bottom: 15px;margin-left: 30px;width: calc(33.33% - 30px);}
.supplement-type-item-content {display: flex;height: 170px;border: 1px solid #d5d5d5;align-items: center;justify-content: center;}
.supplement-image-item-flex img {max-width: 100%;max-height: 100%;}
.supplement-type-item-tit {font-size: 14px;line-height: 22px;color: #505050;height: 66px;margin: 10px 0;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.supplement-type-item:hover .supplement-type-item-tit {color: #0960c0;}

/* 表格附件列表 */
.supplement-table-item-wrap {width: 100%;height: 100%;overflow: auto;}

/* 视频 */
.supplement-video {display: block;width: 100%;}
.supplement-video .video-js {width: 100%;}

/* 视频附件列表 */
.supplement-video-item-a {position: relative;display: block;}
.supplement-video-item-a::before {content: "\ea82";font-family: "iconsupplement" !important;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 99;font-size: 50px;text-shadow: 2px 0px 11px rgba(0, 0, 0, .8);color: #efeee6;}
.supplement-video-item-a:hover {color: #efeee6;}
.supplement-video-item-a:hover::before {color: #3c3c3c;transition: all .5s;}
.supplement-type-item-tit.supplement-video-title {text-align: center;}

/* 音频类型附件 */
.supplement-audio {text-align: center;}
.supplement-audio audio {margin: 15px auto;}

/* 其他类型附件文件列表 */
.supplement-type-other-list {display: flex;flex-wrap: wrap;margin-left: -30px;}
.supplement-type-other-item {width: calc(50% - 30px);height: 165px;margin-left: 30px;margin-bottom: 35px;padding: 20px 25px;box-shadow: 0px 1px 11px 0px rgba(0, 0, 0, .2);position: relative;}
.supplement-type-other-item h5 {font-size: 14px;color: #0960c0;padding-left: 30px;position: relative;line-height: 25px;margin-bottom: 15px;}
.supplement-type-other-item .iconsupplement {position: absolute;left: 0;top: 50%;transform: translateY(-50%);font-size: 22px;}
.supplement-type-other-tit {font-size: 14px;line-height: 20px;color: #000;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.supplement-type-other-tit.supplement-link {color: #0960c0;}
.supplement-type-other-download {position: absolute;bottom: 20px;left: calc(100% - 165px);font-size: 14px;color: #0960c0;}
.supplement-type-other-download::before {content: "\e614";font-family: "iconsupplement" !important;color: #0960c0;font-size: 18px;margin-right: 5px;}
.supplement-type-other-download:hover {text-decoration: none;}
.icon-sp-excel {color: #61bb00;}
.icon-sp-pdf {color: #dc020a;}
.icon-sp-zip {color: #d98903;}
.icon-sp-doc {color: #0960c0;}
.icon-sp-audio {color: #8000d2;}
.icon-sp-video {color: #03b4e7;}
.icon-sp-other {color: #ff790c;}
.icon-sp-link {color: #0960c0;}
.icon-sp-table {color: #61bb00;}
.icon-sp-image {color: #aa00ce;}
.icon-sp-other-link {color: #03b4e7;}
.icon-sp-wx {color: #01cc50;}
.supplement-relative-article h3 {font-size: 18px;color: #000;font-weight: 700;padding-left: 12px;position: relative;margin-bottom: 15px;}
.supplement-relative-article h3::before {content: "";width: 5px;height: 18px;border-radius: 3px;background-color: #0960c0;position: absolute;left: 0;}
.supplement-relative-article-item {padding: 12px 0;}
.supplement-relative-article-item+.supplement-relative-article-item {border-top: 1px solid #d2d2d2;}
.s-r-a-tit {padding-left: 15px;position: relative;}
.s-r-a-tit::before {content: "";width: 4px;height: 4px;border-radius: 50%;background: #000;position: absolute;left: 0;top: 10px;}
.s-r-a-tit a {font-size: 15px;line-height: 22px;color: #000;font-weight: 700;}
.s-r-a-tit a:hover {text-decoration: none;}
.supplement-relative-article-item:hover .s-r-a-tit a {color: #0960c0;}
.supplement-relative-article-item:hover .s-r-a-tit::before {background: #0960c0;}
.s-r-a-time {margin-top: 5px;padding-left: 15px;}
.s-r-a-time font {display: block;font-size: 12px;color: #505050;line-height: 18px;}
.supplement-item .supplement-type-other-item{width:100%;margin: 0 auto 20px;list-style: none;}
@media (max-width: 768px){.supplement-type-item{width:100%;}.supplement-type-other-item {width:100%;}}