@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; }

/* 普通按钮 */
.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; }

/* 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; }

/* 手机端报头 */
.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: #358D6D; border: 1px solid #358D6D; }

.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 a { color: #FFF; }

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

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

.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: 556px; 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; } }

@-webkit-keyframes zoomIn { from { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

@keyframes zoomIn { from { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

/* app-download */
.app-download { padding-top: 1em; padding-bottom: 1em; background-color: #FFF; }

.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; box-shadow: 0 0 5px #888; margin-right: 1em; }

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

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

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

.app-download-pc .icon { box-shadow: none; margin-right: 2em; }

.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; } }

.toggle-section-style { position: fixed; height: 30px; width: 30px; right: 25px; bottom: 100px; text-align: center; line-height: 30px; border-radius: 20px; color: #FFF; z-index: 50; border-width: 5px; border-style: solid; border-color: rgba(17, 85, 102, 0.5); cursor: pointer; overflow: hidden; }

.toggle-section-style span { background: #156; display: block; }

@media (max-width: 960px) { .toggle-section-style { bottom: 300px; } }

@media (max-width: 460px) { .toggle-section-style { bottom: 110px; } }

/*article-box*/
.article-box { position: absolute; z-index: 500; top: 0; left: 0; right: 0; background: #FFF; box-shadow: 0 0 30px #000; display: none; overflow-y: scroll; -webkit-overflow-scrolling: touch; }

.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: 0 15px; }

.article-box .article-content p { text-indent: 2em; }

#btn-return { z-index: 506; display: none; background: #134; position: fixed; height: 40px; width: 40px; top: 15px; left: 15px; border-radius: 20px; overflow: hidden; transform: rotate(-45deg); opacity: 0.6; }

#btn-return span { display: block; margin: 15px; width: 10px; height: 10px; border-width: 2px 0 0 2px; border-style: solid; border-color: #FFF; }

.fadeIn { display: block; animation: zoomIn 0.2s linear; -webkit-animation: zoomIn 0.2s linear; }

/* 附件 */
.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; }

#isIE6 { display: none; }

/*! 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; }