﻿/*通用样式*/
.sitemap-box .flr i { margin-left: 8px; }

.main .title { text-align: center; }
.main .title .color-main { font-size: 32px; text-align: center; line-height:1; font-weight:bold; }

.fieldsA { font-size: 14px; margin-top: 16px; }
.fieldsA .item { display: inline-block; margin: 0px 14px; line-height:1; }

.video { max-width: 100%; max-height: 500px; min-height: 200px; margin-top: 24px; 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: 24px 0 0 0 !important; 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 !important; padding: 0 24px; margin-right: 24px; box-sizing: border-box; display: inline-block; word-spacing:-10px; }
.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; }

.fieldsB { border-top: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; padding: 24px 0; margin-top: 24px; }
.fieldsB .item { display: inline-block; }
.fieldsB table { width: 100%; }
.fieldsB .fields { display:flex; flex-direction:column; }
.fieldsB .fields .item { line-height:2; }
.fieldsB .fields .item label { display: inline-block; vertical-align: top; }
.fieldsB .fields .item em { display: inline-block; vertical-align: top; }
.fieldsB .fields .item span { display: inline-block; max-width: 900px; word-break: break-word; }
.fieldsB a i { margin-left: 12px; }
.fieldsB .flr { word-spacing: -10px; }
.fieldsB .flr .color-text { margin-left: 4px; font-size: 16px; vertical-align: middle; }
.fieldsB .flr a { display: inline-block; }
.fieldsB .flr a:last-child { display:none;}
.fieldsB .flr .split { margin: 0 0 0 12px; background: #D9D9D9; }
.fieldsB .flr .share { display: inline-block; }

/*上一篇下一篇*/
.next { width: 100%; box-sizing: border-box; margin-top:24px; }
.next .item { width: 553px; }
.next .item .fll { max-width:400px; height: 100%; text-align: left; }
.next .item .flr { max-width:400px; height: 100%; text-align: right; }
.next .item .pic { width: 133px; height: 75px; border-radius: 4px; overflow: hidden; margin-right: 0; margin-left:0; }
.next .item.fll .pic { margin-right:20px; }
.next .item.flr .pic { margin-left: 20px; }
.next .item .pic img { max-width: 100%; max-height: 100%; }
.next .item label { display: inline-block; width: 100%; margin-bottom: 12px; margin-top:12px; }
.next .item a,.next .item span { display:inline-block; max-width:100%; font-size:16px; }

/*普通文章*/
#item { padding-bottom: 80px; }

/*卡片模式文章*/
#card { padding-bottom: 80px; }
#card .fieldsA { display: none; }
#card .fieldsB { display: none; }
#card .attachment { display:none; }
/*简单模式文章*/
#single { padding-bottom: 80px; }
#single .title { display: none; }
#single .fieldsB { display:none; }
#single .next { display:none; }
#single .attachment { display: none; }