﻿/*通用*/
.attachment { }
.attachment .name { font-weight: bold; padding-bottom: 20px; }
.attachment a { float: left; display: block; width: 22%; height: 52px; margin-right: 3%; border-radius: 2px; padding: 12px; box-sizing: border-box; font-size: 12px; }
.attachment a:nth-child(4n) { margin-right: 0px; }
.attachment a .fll { width: 20%; }
.attachment a .flr { width: 80%; }
.attachment a div:first-child { font-weight: bold; padding-bottom: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.detail img { max-width: 100%; }
.detail .iframe { max-width: 100%; }

/*新闻详情*/
#item { padding-bottom: 80px; }
#item .wrap { margin: 40px auto 100px; }
#item .main { padding: 40px 60px 60px 60px; width: 70%; background: #FFFFFF; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05); }
#item .sidebar { width: 18%; }
#item .sidebar .orderdate { padding: 16px 24px; width: 55%; border-radius: 6px; }
#item .sidebar .orderdate span:first-child { display: block; padding-bottom: 8px; margin-bottom: 8px; font-size: 30px; font-weight: bold; border-bottom: 1px solid rgba(255,255,255,0.4) }
#item .sidebar .orderdate span:last-child { font-size: 20px; }

#item .topic { line-height: 38px; padding-bottom: 24px; font-size: 30px; font-weight: bold; }
#item .share-box { line-height: 36px; padding-bottom: 8px; margin-bottom: 40px; border-bottom: 10px solid #eee; }
#item .share-box span { float: left; }
#item .share-box span:last-child { padding: 0px 12px; border-radius: 35px; }
#item .share-box .share { padding: 0px 8px; }
#item .share-box .share .ico24:hover { background-position-y: -618px; }
#item .share-box .share a { text-decoration: none; }
#item .video { text-align: center; max-width: 100%; max-height: 500px; position: relative; border-radius: 10px; overflow: hidden; }
#item .video .video-mask { background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)); position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; height: 100%; }
#item .video img { max-width: 100%; max-height: 100%; min-width: 500px; object-fit: cover; border-radius: 8px; }
#item .video .vertical { left: 50%; transform: translate(-50%, -50%); }
#item .detail { margin: 36px 0px 16px 0px; }
#item .fieldsA { padding-top: 8px; margin-top: 40px; border-top: 10px solid #eee; }
#item .fieldsA span:first-child { margin-right: 8px; line-height: 24px; }
#item .fieldsA .fields { line-height: 24px; max-width: 680px; }
#item .fieldsA .fields .item { float: left; }
#item .fieldsA .fields .item:before { content: ""; display: inline-block; width: 1px; height: 14px; background: #ddd; margin: -2px 8px; }
#item .fieldsA .fields .item:first-child:before { display: none; }
#item .fieldsB { padding-top: 12px; }

#item .next { margin-top: 40px; }
#item .next .item { padding: 24px; margin-top: 8px; }
#item .next .item label { display: block; font-size: 16px; font-weight: bold; margin-bottom: 10px; }
#item .next .item label:after { display: inline-block; content: ""; width: 186px; height: 1px; background: #ddd; vertical-align: middle; margin-left: 16px; }
#item .next .item .time { display: block; padding-bottom: 8px; }

/*有左边导航详情*/
#single { padding-bottom: 80px; }
#single .wrap { margin-top: 60px; }
#single .topic { width: 16%; }
#single .topic .title { position: relative; }
#single .topic .title .pic { font-size: 0; }
#single .topic .title .pic img { width: 100%; height: 100%; object-fit: cover; }
#single .topic .title .text { position: absolute; top: 40%; left: 10%; font-size: 20px; font-weight: bold; }
#single .topic .item { position: relative; display: block; padding-left: 24px; line-height: 38px; border-bottom: 1px solid #eee; text-decoration: none; }
#single .main { width: 80%; }
#single .main .banner { width: 100%; margin-bottom: 32px; }
#single .main .banner img { width: 100%; }
#single .main .title { font-size: 20px; font-weight: bold; height: 42px; border-bottom: 1px solid #ddd; margin-bottom: 20px; }
#single .contant-box { padding: 32px 16px; background: #F9F9F9; }
#single .contant-box span { font-weight: bold; font-size: 24px; color: #00499F; font-style: italic; vertical-align: middle; margin-left: 4px; }
#single .contant-box label { padding-top: 8px; font-weight: bold; font-size: 15px; color: #999; letter-spacing: 0.53em; }

/*单页*/
#card { padding-bottom: 80px; }
#card .topic { font-size: 30px; font-weight: bold; text-align: center; padding-bottom: 20px; border-bottom: 1px solid #eee; margin-bottom: 20px; }
#card .main { border-radius: 8px; overflow: hidden; }
#card .main img { max-width: 100%; }
