/* ------------------------------------------------------ */
/* - 标签重置
/* ------------------------------------------------------ */
html{ width:100%; height:100%; overflow:auto; }
body{ width:100%; height:100%; margin:0; font:14px Garamonds,Tahoma,'微软雅黑'; background:#EEE; }


/* ------------------------------------------------------ */
/* - common
/* ------------------------------------------------------ */
.amn{ transition:all ease-out .3s 0s; -moz-transition:all ease-out .3s 0s; -webkit-transition:all ease-out .3s 0s; -o-transition:all ease-out .3s 0s; }
.amns{ transition:all ease-out .5s 0s; -moz-transition:all ease-out .5s 0s; -webkit-transition:all ease-out .5s 0s; -o-transition:all ease-out .5s 0s; }


/* ------------------------------------------------------ */
/* - message
/* ------------------------------------------------------ */
#systemMessageSimple{ width:260px; margin:-80px 0 0 -130px; padding:0 0 30px 0; border-radius:5px; position:fixed; top:50%; left:50%; display:none; text-align:center; background:rgba(0,0,0,0.75); z-index:99999999; }
#systemMessageSimple i{ margin:30px 0 0 0; color:#FFF; font-size:50px; display:block; }
#systemMessageSimple span{ margin:13px 0 0 0; display:block; color:#FFF; font-size:14px; line-height:150%; }


/* ------------------------------------------------------ */
/* - Bootstrap 重构
/* ------------------------------------------------------ */

/* 超链接 */
.link-hover:hover{ text-decoration:underline!important; }
.link-hover-primary:hover{ color:#0d6efd!important; }

/* 面包屑 */
.breadcrumb-item a{ text-decoration:none; color:inherit; }
.breadcrumb-item a:hover{ text-decoration:none; color:#0d6efd; }

/* 分页：风格1 */
.pagination-skin1{ text-align:center; }
.pagination-skin1 .pagination-item{ list-style-type:none; display:inline-block; border-right:1px solid #d7dadb; transform:scale(1) rotate(19deg) translateX(0px) translateY(0px) skewX(-10deg) skewY(-20deg); }

.pagination-skin1 .pagination-item:hover{ background-color:#3d62f9; border-right:1px solid #fff; .pagination-link{ color:#fff; } }
.pagination-skin1 .pagination-item.is-active{ background-color:#3d62f9; border-right:1px solid #fff; .pagination-link{ color:#fff; } }
.pagination-skin1 .pagination-item.first-number{ border-left:1px solid #d7dadb; }
.pagination-skin1 .pagination-link{ padding:1.1em 1.6em; display:inline-block; text-decoration:none; color:#8b969c; transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(20deg) skewY(0deg); }

.pagination-skin1 .pagination-item--wide{ list-style-type:none; display:inline-block; }
.pagination-skin1 .pagination-item--wide.last{ margin: 0 0 0 1em; line-height:50px; }
.pagination-skin1 .pagination-item--wide.first{ margin: 0 1em 0 0; line-height:50px; }
.pagination-skin1 .pagination-link--wide{ text-decoration:none; color:#8b969c; padding:1.1em 1.6em; }
.pagination-skin1 .pagination-link--wide:hover{ color:#3d62f9; }
.pagination-skin1 .pagination-link--wide.last:after{ speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height: 1; }
.pagination-skin1 .pagination-link--wide.first:before{ speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height: 1; }


/* ------------------------------------------------------ */
/* - 布局
/* ------------------------------------------------------ */
.zw-layout-sidebar{ width:220px; height:100%; background:#FFF; position:fixed; z-index:9999; }
.zw-layout-mainbody{ margin:0 0 0 230px; }

@media (max-width: 767.98px) {
    .zw-layout-sidebar{ display:none; }
    .zw-layout-mainbody{ margin-left: 0 !important; }
}

@media (min-width: 768.00px) {
    .zw-layout-sidebar{ display:block; }
    .zw-layout-mainbody{ margin-left: 230px !important; }
}


/* ------------------------------------------------------ */
/* - 侧边栏：导航
/* ------------------------------------------------------ */
.zw-layout-sidebar .zw-navi .nav-item{ padding:0 2px 0 0; border-bottom:1px solid #F0F0F0; }
.zw-layout-sidebar .zw-navi .nav-item a{ padding:11px 0 11px 15px; }
.zw-layout-sidebar .zw-navi .nav-item a.nav-link{ font-size:15px; color:#111; }
.zw-layout-sidebar .zw-navi .nav-item a.nav-link i{ width:20px; }
.zw-layout-sidebar .zw-navi .nav-item:hover a.nav-link{ border-radius:3px; background:#0d6EFd; color:#FFF; }

.zw-layout-sidebar .zw-navi .nav-item.dropdown:hover > .dropdown-menu{ display: block; }  /* 鼠标悬浮显示 */
.zw-layout-sidebar .zw-navi .nav-item .dropdown-toggle::after { display:none; }  /* 避免点击展开，鼠标悬浮即可 */
.zw-layout-sidebar .zw-navi .nav-item .dropdown-menu{ width:250px; padding:2px; border-radius:3px; position:absolute; top:0; left:100%; margin-top:0; background:#212529; z-index:1050; }  /* 让下拉菜单在竖向侧边显示 */
.zw-layout-sidebar .zw-navi .nav-item .dropdown-menu a{ font-size:12px; border-radius:3px; background:transparent; color:#FFF; }
.zw-layout-sidebar .zw-navi .nav-item .dropdown-menu a:hover{ background:#0d6EFd; color:#FFF; }


/* ------------------------------------------------------ */
/* - 主内容：导航区域
/* ------------------------------------------------------ */
.zw-layout-mainbody .zw-layout-head .navbar .nav-item{ margin:0 5px;:2px solid #FFF; }
.zw-layout-mainbody .zw-layout-head .navbar .nav-item a{ padding:10px 18px; margin-bottom:2px; }
.zw-layout-mainbody .zw-layout-head .navbar .nav-item:hover a.nav-link{ border-radius:3px; background:#0D6EFD; color:#FFF; }

.zw-layout-mainbody .zw-layout-head .navbar .dropdown:hover > .dropdown-menu{ display:block; }  /* 鼠标悬浮显示下拉 */
.zw-layout-mainbody .zw-layout-head .navbar .dropdown-menu{ width:200px; border-radius:3px; padding:2px; margin-top:0; background:#212529; }  /* 阻止点击关闭下拉（可选） */
.zw-layout-mainbody .zw-layout-head .navbar .dropdown-menu a{ font-size:12px; border-radius:3px; background:transparent; color:#FFF; }
.zw-layout-mainbody .zw-layout-head .navbar .dropdown-menu a:hover{ background:#0d6EFd; color:#FFF; }


/* ------------------------------------------------------ */
/* - 主内容：通用内容
/* ------------------------------------------------------ */
.searchword{ color:#F60!important; border-bottom:1px dotted #F60; line-height:110%; }

.line-clamp-2{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; }
.line-clamp-3{ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; }

.zw-article-content img{ margin:2px 0; max-width:100%; }