@charset "UTF-8";
html { font-size: 100%; }

body { background-position: 0 -40px; background-repeat: repeat-x; font-size: 14px; }

body.fixed-nav .paperheader-xs { margin-bottom: 38px; }

body.fixed-nav .nav-section-xs { position: fixed; top: 51px; width: 100%; }

hr { border-color: #ddd; border-width: 1px 0 0 0; border-style: solid; }

a { color: #333; }

a:hover { color: #145; }

.body-background { height: 110px; position: absolute; left: 0; top: 0; right: 0; z-index: 1; background-color: #156; background-image: linear-gradient(155deg, #277, #145 80%); }

.container { position: relative; z-index: 10; }

.bg-success { background-color: #EBF8F3; }

/* header */
.header-xs { display: none; background: #f2f2f2; border-bottom: 1px solid #ddd; position: fixed; width: 100%; z-index: 99; top: 0; }

.header-xs .logo { float: left; margin: 10px 0; height: 30px; }

.header-xs .navbar-nav { float: left; padding: 0; list-style-type: none; margin: 0; }

.header-xs .navbar-nav li { float: left; margin-right: 15px; }

.header-xs .navbar-nav li a { display: block; margin-top: 5px; margin-bottom: 5px; height: 30px; padding: 5px 0; border-radius: 4px; }

.header-xs .navbar-nav li a:hover { background-color: #FFF; }

.header-xs .navbar-nav li:last-child { margin-right: 0; }

.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.search-btn, .showSideMenu, .btn-home, .btn-date { margin-top: 5px; height: 40px; width: 40px; background-image: url("btn.png") !important; position: relative; background-color: transparent; border: 1px solid transparent; border-radius: 4px; float: right; }

.search-btn { background-position: 0 -96px !important; }

.btn-date { background-position: 0 -192px !important; }

.btn-home { background-position: 0 -240px !important; }

.showSideMenu { margin-left: 8px; margin-right: -8px; background-position: 0 -144px !important; }

.jfjb-btn { float: right; height: 40px; margin-top: 5px; padding-top: 10px; padding-left: 5px; padding-right: 5px; border-color: transparent; }

/* 普通按钮 */
.button-success { background-color: #358D6D; border-color: #358D6D; border-radius: 2px; padding: 0.2em 1em; display: inline-block; }

.button-success:hover { background-color: #166; border-color: #166; }

.badge-info { background: #358D6D; }

.badge-success, .newspaper .preart { background: #277; color: #FFF; padding: 2px 8px; }

.badge-success:hover, .newspaper .preart:hover { background: #156; color: #FFF; }

/* 手机端报头 */
.paperheader-xs { display: none; position: relative; z-index: 1; color: #FFF; margin-top: 50px; padding: 1em 0; background-color: #156; background-image: linear-gradient(155deg, #277, #145 80%); }

.paperheader-xs .button-info { background: #277; border: 1px solid #277; margin-top: 6px; }

.paperheader-xs .button-info:hover { background: #156; border: 1px solid #145; }

.nav-section-xs { display: none; background: #F2F6F8; border-bottom: 1px solid #ddd; height: 37px; overflow: hidden; z-index: 90; }

.nav-section-xs .view { width: 100%; height: 60px; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; }

.nav-section-xs ul { list-style-type: none; padding: 0; margin: 0; }

.nav-section-xs ul:before, .nav-section-xs ul:after { content: " "; display: table; }

.nav-section-xs ul:after { clear: both; }

.nav-section-xs ul li { float: left; padding: 0; height: 38px; }

.nav-section-xs ul li a { margin: 6px 15px 6px 0; display: block; padding: 0px 5px; border-radius: 9px; }

.nav-section-xs ul li.active a { color: #F55; }

/* 手机新闻件列表样式 */
#newslist-box { position: relative; transition: 1000ms; overflow: hidden; background-color: #EEE; }

#newslist-box .newslist-box-inner { width: 300%; }

#newslist-box .newslist-box-inner:before, #newslist-box .newslist-box-inner:after { content: " "; display: table; }

#newslist-box .newslist-box-inner:after { clear: both; }

#newslist-box .newslist-item { width: 33.3333%; float: left; min-height: 360px; background-color: #EEE; background-image: url("jfjb.png"); background-position: center 70px; background-repeat: no-repeat; }

#newslist-box .newslist-item.current { background: #F2F6F8; }

#newslist-box .newslist { position: relative; }

#newslist-box .errinfo { font-size: 80%; padding: 20px; display: block; min-height: 320px; }

/* 菜单 */
.side-menu { position: fixed; top: 0; left: -250px; z-index: 300; padding: 0; width: 250px; height: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: #333; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); transition: all .5s; overflow-y: auto; }

.side-menu.active { left: 0; }

.side-menu ul.menu { overflow: hidden; border-bottom: 1px solid rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); }

.side-menu > ul > li, .side-menu li.parent { display: block; width: 100%; height: auto; transition: all .45s; }

.side-menu > ul > li > a, .side-menu li.parent > a { position: relative; display: block; padding: 0; height: 44px; border-top: 1px solid rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); color: #ccc; text-indent: 1rem; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); line-height: 45px; transition: all .45s; }

.side-menu li.parent > a:hover { background: rgba(255, 255, 255, 0.05); text-decoration: none; }

.side-menu li.parent > a:after { position: absolute; top: 18px; right: 1rem; width: 8px; height: 8px; border: 1px solid #ddd; border-width: 0 0 1px 1px; box-shadow: 2px black; content: ""; transition: all .45s; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg); }

.side-menu li.parent .sub-menu { display: none; overflow: hidden; padding: 5px 0 5px 15px; margin: 0; border-top: 1px solid rgba(0, 0, 0, 0.3); background-color: #1a1a1a; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); font-size: .9rem; }

.side-menu .sub-menu li { float: left; display: block; overflow: hidden; width: 33.33333333%; height: auto; }

.side-menu .sub-menu.x2 li { width: 50%; }

.side-menu .sub-menu a { display: block; padding: .8rem 0; color: #eee; transition: all .45s; }

.side-menu .sub-menu a:hover { text-decoration: none; }

.side-menu li.parent.open { background: rgba(255, 255, 255, 0.05); }

.side-menu li.parent.open > :after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transform: rotate(-45deg); }

.side-menu li.parent.open .sub-menu { display: block; }

.side-fixed-button { position: fixed; right: 0; bottom: 30px; display: none; }

.side-fixed-button a { display: block; width: 48px; height: 48px; background: #ddd url("btn.gif"); opacity: .8; }

.side-fixed-button a:hover { opacity: 1; }

.side-fixed-button .side-fixed-button a.app { margin-top: 10px; border-radius: 50%; background-position: 0 -48px; }

.screen-cover { position: fixed; top: 0; z-index: 200; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }

/* layout */
.container-body { margin-top: 30px; }

.newspaper { float: left; width: 399px; }

.newspaper .badge-info { margin-right: 6px; }

.newspaper .preart { font-size: 80%; border-radius: 3px; }

.newspaper-info { width: 700px; float: right; /* 文字视图 */ }

.newspaper-info .header { width: 100%; height: 60px; color: #FFF; }

.newspaper-info .header .nav-site { float: left; }

.newspaper-info .header .nav-site p { margin: 0; }

.newspaper-info .header .nav-site a { color: #FFF; }

.newspaper-info .header .nav-site a:hover { text-decoration: underline; }

.newspaper-info .header .logo { float: right; margin: 0 0; }

.newspaper-info .section-header { background: #156; color: #FFF; padding: 0 15px; line-height: 36px; }

.newspaper-info .nav-date { margin: 30px 0 15px 0; padding: 5px 0; border-bottom: 1px solid #ddd; padding-bottom: 15px; }

.newspaper-info ul { margin: 0; background: #F2F6F8; height: 453px; overflow-y: auto; }

.newspaper-info ul li { border-bottom: 1px solid #EEE; }

.newspaper-info ul li a { padding: 4px 15px; display: block; font-size: 13px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }

.newspaper-info ul li a:hover { background: #F2F2F2; }

/* 版面视图 */
.paper { border: 1px solid #ddd; padding: 5px; background: #FFF; max-width: 394px; margin: auto; }

.paper img { width: 100%; }

.paper area { outline-color: #4d90fe; outline-style: auto; outline-width: 5px; border-collapse: separate; }

@media (max-width: 959px) { .body-background, .newspaper { display: none; }
  .header-xs, .paperheader-xs, .nav-section-xs { display: block; }
  .container-body { margin-top: 0; }
  .newspaper-info { width: 100%; }
  .newspaper-info .header, .newspaper-info .nav-date, .newspaper-info .section-header, .newspaper-info .channel-list { display: none; }
  .newspaper-info ul { height: auto; position: relative; animation: anm-fadeIn 0.5s  linear; }
  .newspaper-info ul li { border-bottom-color: #DDD; }
  .newspaper-info ul li a { font-size: 1rem; padding-top: 10px; padding-bottom: 10px; } }

@media (min-width: 960px) { .newspaper-info { width: 470px; }
  .newspaper-info .col-md-4-10 { float: right; }
  .newspaper-info .col-md-6-10 { float: left; } }

@media (min-width: 1200px) { .newspaper-info { width: 700px; } }

/* loader */
.loader { width: 110px; height: 3px; margin: 120px auto 15px auto; position: relative; border: none; background: #DDD; }

.loader:after { content: ""; position: absolute; width: 20px; height: 3px; background: #189; animation: anm-loader 2s infinite linear; -webkit-animation: anm-loader 2s infinite linear; }

@-webkit-keyframes anm-loader { 0% { left: 0; }
  50% { left: 90px; }
  100% { left: 0; } }

@keyframes anm-loader { 0% { left: 0; }
  50% { left: 90px; }
  100% { left: 0; } }

@-webkit-keyframes anm-fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes anm-fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

/* app-download */
.app-download { margin-top: 15px; padding: 1em; background-color: #f2f6f8; }

.app-download:before, .app-download:after { content: " "; display: table; }

.app-download:after { clear: both; }

.app-download .icon { float: left; width: 50px; height: 50px; background-color: #EEE; overflow: hidden; border-radius: 5px; margin-right: 2em; }

.app-download .desc { float: left; }

.app-download .desc p { margin: 0; text-align: left; color: #277; }

.footer { margin-top: 50px; padding: 1em 0; color: #888; text-align: center; font-size: 0.9rem; }

.footer .bd-t { border-top: 3px solid #277; }

@media (max-width: 959px) { .footer { margin-top: 15px; background: #EEE; }
  .footer .bd-t { border-top: none; } }

/*article-box*/
@media (min-width: 960px) { .article-box { padding: 0; overflow-y: scroll; height: 585px; }
  .article-box .ctrl { background: #134; position: fixed; height: 40px; width: 40px; top: 15px; left: 15px; border-radius: 20px; overflow: hidden; transform: rotate(-45deg); opacity: 0.6; }
  .article-box .ctrl span { display: block; margin: 15px; width: 10px; height: 10px; border-width: 2px 0 0 2px; border-style: solid; border-color: #FFF; }
  .article-box .article-header { padding: 15px; border-bottom: 1px solid #ddd; text-align: center; }
  .article-box .article-header h2 { margin: 0.5em 0; line-height: 1.3em; color: #156; font-weight: bold; }
  .article-box .article-header p { margin: 5px 0; color: #277; }
  .article-box .article-header hr { display: none; }
  .article-box .article-content { margin: 30px 15px; }
  .article-box .article-content p { text-indent: 2em; } }

@media (max-width: 959px) { .container { position: initial; width: auto; }
  .article-box { z-index: 500; top: 0; left: 0; right: 0; background: #FFF; position: absolute; }
  .article-box .ctrl { background: #134; position: fixed; height: 40px; width: 40px; top: 15px; left: 15px; border-radius: 20px; overflow: hidden; transform: rotate(-45deg); opacity: 0.6; }
  .article-box .ctrl span { display: block; margin: 15px; width: 10px; height: 10px; border-width: 2px 0 0 2px; border-style: solid; border-color: #FFF; }
  .article-box .article-header { padding: 60px 15px 15px 15px; background-color: #156; background-image: linear-gradient(156deg, #277, #145 80%); color: #FFF; }
  .article-box .article-header h2 { margin: 5px 0; line-height: 1.3em; }
  .article-box .article-header p { margin: 0; font-size: 80%; color: #8cb; }
  .article-box .article-header hr { border-color: #156; }
  .article-box .article-content { margin: 2em 15px; }
  .article-box .article-content p { text-indent: 2em; } }

/* 附件 */
.attachment { padding: 0 15px; }

.attachment-image { border: 1px solid #ddd; max-width: 400px; width: 100%; margin: 30px auto; padding: 5px; box-sizing: border-box; }

.attachment-image p { margin: 0 5px; line-height: 2em; font-size: 80%; text-indent: 0 !important; }

.attachment-image table, .attachment-image table tbody tr, .attachment-image table tbody tr td { padding: 0; border: none; line-height: 1.5em; }

.attachment-image table tbody tr td { padding: 5px; font-size: 12px; }

@media (min-width: 960px) { /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  ::-webkit-scrollbar { width: 8px; height: 0; background-color: transparent; }
  /*定义滚动条轨道 内阴影+圆角*/
  ::-webkit-scrollbar-track { border-radius: 8px; background-color: #F5F5F5; }
  /*定义滑块 内阴影+圆角*/
  ::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #DDD; } }

body { scrollbar-arrow-color: #DDD; /*图6,三角箭头的颜色*/ scrollbar-face-color: #DDD; /*图5,立体滚动条的颜色*/ scrollbar-3dlight-color: #DDD; /*图1,立体滚动条亮边的颜色*/ scrollbar-highlight-color: #DDD; /*图2,滚动条空白部分的颜色*/ scrollbar-shadow-color: #DDD; /*图3,立体滚动条阴影的颜色*/ scrollbar-darkshadow-color: #DDD; /*图4,立体滚动条强阴影的颜色*/ scrollbar-track-color: #F5F5F5; /*图7,立体滚动条背景颜色*/ scrollbar-base-color: #F5F5F5; /*滚动条的基本颜色*/ Cursor: url(mouse.cur); /*自定义个性鼠标*/ }

/*! Datepicker v0.2.1 https://github.com/fengyuanchen/datepicker Copyright (c) 2014-2015 Fengyuan Chen Released under the MIT license Date: 2015-10-26T02:21:31.213Z */
.datepicker-container { position: fixed; top: 0; left: 0; z-index: -1; width: 210px; font-size: 12px; line-height: 30px; -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; direction: ltr !important; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }

.datepicker-container:before, .datepicker-container:after { position: absolute; display: block; width: 0; height: 0; content: " "; border: 5px solid transparent; }

.datepicker-dropdown { position: absolute; z-index: 1; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: 1px solid #ccc; -webkit-box-shadow: 0 3px 6px #ccc; box-shadow: 0 3px 6px #ccc; }

.datepicker-inline { position: static; }

.datepicker-top-left, .datepicker-top-right { border-top-color: #39f; }

.datepicker-top-left:before, .datepicker-top-left:after, .datepicker-top-right:before, .datepicker-top-right:after { top: -5px; left: 10px; border-top: 0; }

.datepicker-top-left:before, .datepicker-top-right:before { border-bottom-color: #39f; }

.datepicker-top-left:after, .datepicker-top-right:after { top: -4px; border-bottom-color: #fff; }

.datepicker-bottom-left, .datepicker-bottom-right { border-bottom-color: #39f; }

.datepicker-bottom-left:before, .datepicker-bottom-left:after, .datepicker-bottom-right:before, .datepicker-bottom-right:after { bottom: -5px; left: 10px; border-bottom: 0; }

.datepicker-bottom-left:before, .datepicker-bottom-right:before { border-top-color: #39f; }

.datepicker-bottom-left:after, .datepicker-bottom-right:after { bottom: -4px; border-top-color: #fff; }

.datepicker-top-right:before, .datepicker-top-right:after, .datepicker-bottom-right:before, .datepicker-bottom-right:after { right: 10px; left: auto; }

.datepicker-panel > ul:before, .datepicker-panel > ul:after { display: table; content: " "; }

.datepicker-panel > ul:after { clear: both; }

.datepicker-panel > ul { width: 100%; padding: 0; margin: 0; }

.datepicker-panel > ul > li { float: left; width: 30px; height: 30px; line-height: 30px; padding: 0; margin: 0; text-align: center; list-style: none; cursor: pointer; background-color: #fff; }

.datepicker-panel > ul > li:hover { background-color: #eee; }

.datepicker-panel > ul > li.muted, .datepicker-panel > ul > li.muted:hover { color: #999; }

.datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover { color: #39f; }

.datepicker-panel > ul > li.disabled, .datepicker-panel > ul > li.disabled:hover { color: #ccc; cursor: default; background-color: #fff; }

.datepicker-panel > ul > li[data-view="years prev"], .datepicker-panel > ul > li[data-view="year prev"], .datepicker-panel > ul > li[data-view="month prev"], .datepicker-panel > ul > li[data-view="years next"], .datepicker-panel > ul > li[data-view="year next"], .datepicker-panel > ul > li[data-view="month next"], .datepicker-panel > ul > li[data-view="next"] { font-size: 18px; }

.datepicker-panel > ul > li[data-view="years current"], .datepicker-panel > ul > li[data-view="year current"], .datepicker-panel > ul > li[data-view="month current"] { width: 150px; }

.datepicker-panel > ul[data-view="years"] > li, .datepicker-panel > ul[data-view="months"] > li { width: 52.5px; height: 52.5px; line-height: 52.5px; }

.datepicker-panel > ul[data-view="week"] > li, .datepicker-panel > ul[data-view="week"] > li:hover { cursor: default; background-color: #F2F6F8; }

.datepicker-hide { display: none; }

#isIE6 { display: none; }