/*通用样式*/

.head-box .fll .split { margin: 16px; }
.head-box .flr .split { margin: 12px; }
.head-box .flr .share { display: inline-block; }
.head-box .flr .share a:last-child i { display: none; }
.head-box .flr i { margin-right: 12px; }
.head-box .flr .ico30-linkcircle { margin-right: 4px; }

.main .topic { margin: 40px 0 48px; font-size: 32px; text-align: center; line-height: 1; font-weight: bold; }

.video { max-width: 100%; max-height: 500px; min-height: 200px; margin-top: 32px; position: relative; text-align: center; font-size: 0px; }
.video img { max-width: 100%; max-height: 100%; min-width: 500px; object-fit: cover; border-radius: 16px; }
.video-mask { background: rgba(0, 0, 0, 0.6); position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; height: 100%; border-radius: 8px; }
.video-mask div { text-align: center; width: 100%; }
.video-mask div a { color: #fff; font-size: 16px; font-weight: bold; }

.detail { margin: 32px 0 0 0 !important; font-size: 14px; overflow: hidden; }
.detail iframe, .detail img { max-width: 100%; }

.attachment { text-align: center; margin-top: 32px; }
.attachment a:hover { text-decoration: none; }
.attachment .item { width: 280px; height: 40px; border-radius: 20px; padding: 0 24px; margin-right: 24px; box-sizing: border-box; display: inline-block; word-spacing: -10px; }
.attachment .item i { filter: brightness(1.4); }
.attachment .item .fll { margin-right: 12px; display: inline-block; float: inherit; vertical-align: middle; word-spacing: 0px; }
.attachment .item .flr { max-width: 200px; overflow: hidden; word-break: normal; text-wrap: normal; white-space: wrap; height: 40px; text-align: left; display: inline-block; float: inherit; vertical-align: middle; line-height: 1; word-spacing: 0px; }
.attachment .item .flr > div { line-height: normal; display: inline-block; width: 100%; overflow: hidden; white-space: nowrap; }

.fields { margin-top: 24px; padding: 24px 0 14px; border: solid #E9E9E9; border-width: 1px 0 1px 0; }
/*上一篇下一篇*/
.next { justify-content: space-between; width: 100%; box-sizing: border-box; margin-top: 24px; }
.next .item { width: 553px; white-space: nowrap }
.next .item .pic { display: inline-block; }
.next .item .info { display: inline-block; position: relative; top: -12px; }
.next .item1 { text-align: left; }
.next .item1 .pic { margin-right: 20px; }
.next .item1 .info { max-width: 400px; height: 100%; text-align: left; }
.next .item2 { text-align: right; }
.next .item2 .pic { margin-left: 20px; }
.next .item2 .info { max-width: 400px; height: 100%; text-align: right; }
.next .item .pic img { width: 133px; height: 75px; border-radius: 5px; object-fit: cover; }
.next .item label { display: inline-block; max-width: 150px; margin-bottom: 12px; }
.next .item .color-main { display: block; }
.next .item a, .next .item span { display: inline-block; max-width: 100%; font-size: 16px; }

/*普通文章*/
#item { padding-bottom: 48px; }
#item .head-box { box-shadow: none; }

/*卡片模式文章*/
#card { padding-bottom: 80px; }
#card .fieldsA { display: none; }
#card .fieldsB { display: none; }
#card .attachment { display: none; }
/*简单模式文章*/
#single { padding-bottom: 80px; }
#single .head-box { box-shadow: none; }
#single .groups { display: flex; justify-content: center; flex-wrap: wrap; padding-top: 21px; width: 100%; box-sizing: border-box; border-bottom: 1px solid #E0E0E0; }
#single .groups a { margin-bottom: 21px; }
#single .groups span { display: inline-block; margin: 7px 24px 0; width: 8px; height: 8px; vertical-align: middle; font-size: 0; border-radius: 4px; background: #D3EFFC; }
#single .fieldsB { display: none; }
#single .next { display: none; }
#single .attachment { display: none; }

/*定制单篇*/
#dev_item .head-box { box-shadow: none; }
#dev_item .head-box .fll .split { background: rgba(217, 217, 217, 0.3); }