﻿/*新闻详情*/
#item { width: 1200px; margin: auto; }

#item .topic { font-size: 24px; font-weight: bold; color: #000; }
#item .orderdate { float: left; line-height: 62px; }
#item .orderdate .icof { margin: -4px 12px 0px 0px; }
#item .share { float: right; line-height: 62px; }
#item .share .ico24:hover { background-position-y: -618px; }
#item .share a { text-decoration:none;}


#item .video { margin-top: 24px; text-align: center; }
#item .video > div { display: inline-block; max-width: 100%; max-height: 500px; position: relative; }
#item .video img { max-width: 100%; max-height: 500px; min-height: 200px; }
#item .video .bottons { position: absolute; top: 50%; left: 50%; margin-top: -36px; margin-left: -36px; z-index: 100; transition: all 0.3s; -webkit-transition: all 0.3s; }
#item .video .mask1 { position: absolute; top: 0rem; left: 0rem; width: 100%; height: 100%; background: #000; opacity: 0.5; display: none; }
#item .video:hover .mask1 { display: block; }

#item .content { border-top: 1px solid #ddd; padding: 44px 0px 0px 0px; }
#item .content img { max-width: 100%; }

#item .source { float: left; line-height: 30px; max-width: 680px; }
#item .source span:before { content: ""; display: inline-block; height: 16px; width: 1px; vertical-align: middle; background: #ddd; margin: 0px 4px; }
#item .source span:first-child:before { display: none; }
#item .source-content { padding-top: 40px; margin-top: 40px; border-top: 1px solid #ddd; }


#item .backlink { float: right; }
#item .attachment { line-height: 1; }
#item .attachment .name { font-weight: bold; padding-bottom: 20px; }
#item .attachment a { float: left; display: block; width: 22%; height: 52px; margin-right: 3%; background: #F5F5F5; border-radius: 2px; padding: 12px; box-sizing: border-box; font-size: 12px; }
#item .attachment a:hover { opacity: 0.8; }
#item .attachment a:nth-child(4n) { margin-right: 0px; }
#item .attachment a .fll { width: 20%; }
#item .attachment a .flr { width: 80%; }
#item .attachment a .ico { margin-top: 4px; }
#item .attachment a div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#item .attachment a div:first-child { font-weight: bold; padding-bottom: 4px; }

#item .next { margin-top: 40px; }
#item .next .item { height: 48px; line-height: 48px; padding: 0px 18px; margin-bottom: 12px; position: relative; }

#item .next label { margin-right: 4px; }
#item .next .time { position: absolute; top: 0px; right: 16px; }
#item .next .time label { display: none; }

#item .hot .title { padding-bottom: 8px; margin-bottom: 24px; border-bottom: 1px solid #ddd; font-size: 16px; font-weight: bold; }
#item .hot .item { width: 100%; margin-bottom: 24px; }
#item .hot .item .pic { position: relative; width: 100%; padding-top: 56.25%; overflow: hidden; }
#item .hot .item .pic img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; transition: all .3s ease-in-out; }
#item .hot .item .pic img:hover { -webkit-transform: scale(1.04); transform: scale(1.04); }
#item .hot .item .name { padding: 10px 0px 4px 0px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#single { width: 1200px; margin: auto; }
#single .secondary { display: none; }

#single .main { }
#single .main .banner { display: none; }
#single .main .banner img { width: 100%; }
#single .main .title { display: none; }
#single .main .attachment { padding-top: 40px; font-size: 12px; line-height: 1; }
#single .main .attachment a { float: left; display: block; width: 22%; height: 52px; margin-right: 3%; margin-bottom: 8px; background: #F5F5F5; border-radius: 2px; padding: 12px; box-sizing: border-box; }
#single .main .attachment a:nth-child(4n) { margin-right: 0px; }
#single .main .attachment a .fll { width: 20%; }
#single .main .attachment a .flr { width: 80%; }
#single .main .attachment a .ico { margin-top: 4px; }
#single .main .attachment a div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#single .main .attachment a div:first-child { font-weight: bold; padding-bottom: 4px; }

/*单页*/
#card { width: 1200px; margin: auto; padding-bottom: 80px; }
#card .main { width: 960px; border-radius: 8px; box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.2); padding: 48px 130px 130px 130px; overflow: hidden; }
#card .main img { max-width: 100%; }
#card .main .attachment { padding-top: 40px; font-size: 12px; line-height: 1; }
#card .main .attachment a { float: left; display: block; width: 22%; height: 52px; margin-right: 3%; margin-bottom: 8px; background: #F5F5F5; border-radius: 2px; padding: 12px; box-sizing: border-box; }
#card .main .attachment a:nth-child(4n) { margin-right: 0px; }
#card .main .attachment a .fll { width: 20%; }
#card .main .attachment a .flr { width: 80%; }
#card .main .attachment a .ico { margin-top: 4px; }
#card .main .attachment a div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#card .main .attachment a div:first-child { font-weight: bold; padding-bottom: 4px; }

.ueditor { font-family: "Noto Sans SC","sans-serif" !important; margin: 0px }
