/* 
主题名称: Newses
主题链接: https://themeansar.com/free-themes/newses/
作者: Themeansar
作者链接: https://themeansar.com
描述: Newses是一款不可或缺的响应式新闻和杂志模板，具有干净、现代的设计，适合所有想要分享故事、最新突发新闻或热门产品的人。该主题提供浅色和深色模式，适用于动态新闻、报纸、杂志、出版商、博客、编辑、在线和游戏杂志、新闻门户、个人博客、报纸、机构、出版或评论网站以及任何创意网站。Newses对SEO友好，支持WPML、Gutenberg、WooCommerce、翻译和RTL。我们提供优质的支持和友好的帮助！
实时预览: https://demos.themeansar.com/newses 
文档: https://docs.themeansar.com/docs/newses/
版本: 1.2.9.23
测试至WordPress版本: 5.7
需要PHP版本: 5.6.1
标签: 单栏, 双栏, 右侧边栏, 灵活头部, 自定义背景, 自定义头部, 自定义菜单, 编辑器样式, 特色图片, 页脚小工具, 主题选项, 嵌套评论, RTL语言支持, 翻译就绪, 全宽模板, 自定义Logo, 博客, 新闻
许可证: GNU通用公共许可证v3或更高版本
许可证链接: http://www.gnu.org/licenses/gpl.html
文本域: newses
*/

/*
--------------------------------------
=========================================
 头部样式
=========================================
-----------------------------------------
*/



/* 居中头部布局 */
.mg-headwidget.center .logo-center, 
.mg-headwidget.center .navbar-header, 
.mg-headwidget.center .site-branding-text {
 float: none; /* 取消浮动 */
 text-align: center; /* 文字居中 */
}

/* 搜索下拉菜单样式 */
.navbar-wp .dropdown-menu.searchinner {
 left: inherit !important; /* 继承左侧位置 */
 right: 0!important; /* 右侧对齐 */
 padding: 0px; /* 无内边距 */
}

/* 搜索按钮样式 */
.navbar-wp .dropdown-menu.searchinner .btn {
 border: medium none; /* 无边框 */
 border-radius: 0 4px 4px 0; /* 右侧圆角 */
 height: 40px; /* 高度40px */
 line-height: 25px; /* 行高25px */
 padding: 5px 15px; /* 内边距 */
}

/* 隐藏搜索框下拉箭头 */
.mg-search-box .dropdown-toggle::after {
 display: none;
}

/* 移动端头部隐藏 */
.m-header {
 display: none;
}

/* 桌面端头部显示 */
.desk-header {
 display: flex; /* 弹性布局 */
}

/* 移动端首页按钮样式 */
.mobilehomebtn {
 width: 30px; /* 宽度30px */
 text-align: center; /* 文字居中 */
 line-height: 30px; /* 行高30px */
 height: 30px; /* 高度30px */
}

/* 首页图标样式 */
.site-home-icon a {
 font-size: 24px; /* 字体大小24px */
}

/*
---------------------------------------
 1.1 顶部栏样式
-----------------------------------------
*/
/* 顶部详细信息容器 */
.mg-head-detail {
 padding: 5px 0; /* 上下内边距5px */
}

/* 左侧信息区域 */
.mg-head-detail .info-left {
 display: block; /* 块级显示 */
 float: left; /* 左浮动 */
 margin: 0; /* 无外边距 */
 padding: 0; /* 无内边距 */
}

/* 左侧信息列表项 */
.mg-head-detail .info-left li {
 display: inline-block; /* 内联块显示 */
 margin-right: 15px; /* 右外边距15px */
 padding: 0; /* 无内边距 */
 line-height: 35px; /* 行高35px */
}

/* 时间标签样式 */
.mg-head-detail .info-left li span.time {
 margin-left: 5px; /* 左外边距5px */
 padding: 2px 4px; /* 内边距 */
 border-radius: 2px; /* 圆角2px */
 font-size: 14px; /* 字体大小14px */
 font-weight: 600; /* 字体粗细600 */
 line-height: 35px; /* 行高35px */
}

/* 左侧信息链接样式 */
.mg-head-detail .info-left li a {
 font-size: 13px; /* 字体大小13px */
}

/* 左侧信息图标样式 */
.mg-head-detail .info-left i {
 font-size: 14px; /* 字体大小14px */
 padding-right: 10px; /* 右内边距10px */
}

/* 引用按钮样式 */
.mg-head-detail .btn-theme.quote {
 margin: -5px 0 -5px 0; /* 上下外边距-5px */
 border-radius: 0; /* 无圆角 */
 float: right; /* 右浮动 */
}

/* 右侧信息区域 */
.info-right {
 display: block; /* 块级显示 */
 float: right; /* 右浮动 */
 margin: 0; /* 无外边距 */
 padding: 0; /* 无内边距 */
}

/* 右侧信息列表项 */
.info-right li {
 display: inline-block; /* 内联块显示 */
 margin-right: 15px; /* 右外边距15px */
 padding: 0; /* 无内边距 */
 line-height: 35px; /* 行高35px */
}

/* 右侧信息链接样式 */
.mg-head-detail .info-right li a {
 font-size: 13px; /* 字体大小13px */
}

/* 右侧信息图标样式 */
.mg-head-detail .info-right i {
 font-size: 14px; /* 字体大小14px */
 padding-right: 10px; /* 右内边距10px */
}

/* 购物车容器 */
.mg-cart {
 position: relative; /* 相对定位 */
}

/* 购物车数量徽章 */
.mg-cart-count {
 background: #e33729; /* 背景色 */
 border-radius: 20px; /* 圆角20px */
 color: #ffffff; /* 文字颜色白色 */
 display: inline-block; /* 内联块显示 */
 font-size: 9px; /* 字体大小9px */
 font-weight: bold; /* 粗体 */
 height: 16px; /* 高度16px */
 line-height: 15px; /* 行高15px */
 margin-left: -15px; /* 左外边距-15px */
 margin-top: 0; /* 上外边距0 */
 position: absolute; /* 绝对定位 */
 text-align: center; /* 文字居中 */
 vertical-align: top; /* 垂直对齐顶部 */
 width: 16px; /* 宽度16px */
}

/*
---------------------------------------
 1.2 分类菜单
-----------------------------------------
*/
/* 分类菜单容器 */
.mg-category {
 background-color: #f1f1f1; /* 背景色 */
 float: left; /* 左浮动 */
 font-weight: normal; /* 正常字体粗细 */
 height: 55px; /* 高度55px */
 line-height: 50px; /* 行高50px */
 position: relative; /* 相对定位 */
 text-transform: capitalize; /* 首字母大写 */
 width: auto; /* 宽度自适应 */
 margin: 0; /* 无外边距 */
}

/* 分类菜单图标 */
.mg-category i {
 margin-left: 10px; /* 左外边距10px */
}

/* 分类菜单链接 */
.mg-category a {
 color: #8a8a8a; /* 文字颜色 */
 font-size: 14px; /* 字体大小14px */
 padding: 10px; /* 内边距 */
 line-height: 20px; /* 行高20px */
}

/* 分类子菜单 */
.mg-category ul.mg-category-submenu {
 background: #fff; /* 白色背景 */
 height: auto; /* 高度自适应 */
 max-height: 200px; /* 最大高度200px */
 min-width: 140px; /* 最小宽度140px */
 overflow-x: hidden; /* 水平滚动隐藏 */
 overflow-y: scroll; /* 垂直滚动显示 */
 left: 0; /* 左侧位置0 */
 padding: 10px 0 10px 0; /* 内边距 */
 position: absolute; /* 绝对定位 */
 top: 100%; /* 顶部位置100% */
 transform: scaleY(0); /* Y轴缩放0 */
 transform-origin: 0 0 0; /* 变换原点 */
 transition: all 0.5s ease 0s; /* 过渡效果 */
 width: 100%; /* 宽度100% */
 z-index: 15000; /* 层级15000 */
}

/* 子菜单列表项 */
.mg-category ul.mg-category-submenu li {
 display: block; /* 块级显示 */
 padding: 6px 10px; /* 内边距 */
 border-width: 1px 0; /* 上下边框1px */
 border-style: solid; /* 实线边框 */
 border-color: #f5f5f5; /* 边框颜色 */
}

/* 子菜单悬停效果 */
.mg-category ul.mg-category-submenu li:hover {
 color: #fff; /* 文字颜色白色 */
 background: #000; /* 背景色黑色 */
}

/* 子菜单链接 */
.mg-category ul.mg-category-submenu li a {
 color: #000; /* 文字颜色黑色 */
 font-weight: 300; /* 字体粗细300 */
 font-size: 14px; /* 字体大小14px */
 transition: all 0.5s ease 0s; /* 过渡效果 */
}

/* 子菜单链接悬停效果 */
.mg-category ul.mg-category-submenu li:hover a {
 color: #fff; /* 文字颜色白色 */
 margin-left: 4px; /* 左外边距4px */
}

/* 分类菜单悬停显示子菜单 */
.mg-category:hover ul.mg-category-submenu {
 opacity: 1; /* 不透明度1 */
 transform: scaleY(1); /* Y轴缩放1 */
}

/*
---------------------------------------
 1.2 头部小工具
-----------------------------------------
*/
/* 网站标题和描述 */
.site-title, .site-description {
 margin: 0; /* 无外边距 */
 padding: 0; /* 无内边距 */
}

/* 头部小工具详细信息链接行高 */
.header-widget .mg-head-detail .info-left li a {
 line-height: 38px; /* 行高38px */
}

/* 头部信息盒子外边距 */
.header-widget .mg-header-box {
 margin: 28px 0 0 0; /* 上外边距28px */
}

/* 头部信息图标 */
.header-widget .mg-header-box-icon {
 float: left; /* 左浮动 */
 display: inline-block; /* 内联块显示 */
 height: auto; /* 高度自适应 */
 margin-right: 0; /* 右外边距0 */
 position: relative; /* 相对定位 */
 text-align: center; /* 文字居中 */
 top: 5px; /* 顶部偏移5px */
 width: auto; /* 宽度自适应 */
 line-height: 35px; /* 行高35px */
}

/* 头部信息图标内部样式 */
.header-widget .mg-header-box-icon i {
 border-radius: 10px; /* 圆角10px */
 height: 36px; /* 高度36px */
 line-height: 36px; /* 行高36px */
 text-align: center; /* 文字居中 */
 width: 36px; /* 宽度36px */
 font-size: 36px; /* 字体大小36px */
}

/* 头部信息图标悬停效果 */
.header-widget .mg-header-box-icon i:hover {
 transition: all 0.3s ease 0s; /* 过渡效果 */
}

/* 头部信息内容 */
.header-widget .mg-header-box-info {
 margin-left: 20px; /* 左外边距20px */
 padding-left: 25px; /* 左内边距25px */
}

/* 头部信息标题 */
.header-widget .mg-header-box-info h4 {
 font-size: 14px; /* 字体大小14px */
 line-height: 15px; /* 行高15px */
 padding: 2px 0 0; /* 内边距 */
 font-weight: 600; /* 字体粗细600 */
}

/* 头部信息段落 */
.header-widget .mg-header-box-info p {
 line-height: 14px; /* 行高14px */
 font-size: 12px; /* 字体大小12px */
}

/* 头部社交图标容器 */
.header-widget .mg-header-box .mg-social {
 padding: 0; /* 无内边距 */
 margin: 10px -15px 0 0; /* 外边距 */
 float: right; /* 右浮动 */
}

/* 社交图标列表项 */
.header-widget .mg-header-box .mg-social li {
 display: inline-block; /* 内联块显示 */
 margin-left: 5px; /* 左外边距5px */
 border-bottom: none; /* 无下边框 */
}

/* 社交图标容器 */
.header-widget .mg-header-box .mg-social li span.icon-soci {
 display: inline-block; /* 内联块显示 */
 float: left; /* 左浮动 */
 height: 28px; /* 高度28px */
 line-height: 28px; /* 行高28px */
 margin: 3px 0 0 0; /* 外边距 */
 text-align: center; /* 文字居中 */
 width: 28px; /* 宽度28px */
 border-radius: 10px; /* 圆角10px */
}

/* 社交图标链接 */
.header-widget .mg-header-box .mg-social li span.icon-soci a {
 font-size: 13px; /* 字体大小13px */
}

/* 导航小工具区域 */
.mg-nav-widget-area {
 padding-bottom: 20px; /* 下内边距20px */
 padding-top: 20px; /* 上内边距20px */
}

/* 全宽菜单 */
.mg-menu-full {
 position: relative; /* 相对定位 */
}

/* 头部导航栏 */
.mg-headwidget .navbar-wp {
 position: inherit; /* 继承定位 */
 left: 0; /* 左侧0 */
 right: 0; /* 右侧0 */
 top: 0; /* 顶部0 */
 margin: 0; /* 无外边距 */
 z-index: 999; /* 层级999 */
 transition: all 1s ease-out; /* 过渡效果 */
 border-radius: 0; /* 无圆角 */
 box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08); /* 阴影效果 */
}

/* 导航链接样式 */
.mg-headwidget .navbar-wp .navbar-nav > li> a {
 padding: 13px 22px; /* 内边距 */
 font-size: 16px; /* 字体大小16px */
 font-weight: 600; /* 字体粗细600 */
}

/* 透明头部 */
.mg-headwidget.trans {
 position: absolute; /* 绝对定位 */
 right: 0; /* 右侧0 */
 left: 0; /* 左侧0 */
 z-index: 999; /* 层级999 */
}

/* 首页按钮 */
.navbar-wp .navbar-nav > li> a.homebtn {
}

/* 首页按钮图标 */
.navbar-wp .navbar-nav > li> a.homebtn span {
 font-size: 24px; /* 字体大小24px */
 line-height: 0; /* 行高0 */
}

/* 导航链接图标 */
.navbar-wp .navbar-nav > li> a i {
 margin-left: 5px; /* 左外边距5px */
}

/* 通用导航链接样式 */
.navbar-wp .navbar-nav > li> a {
 margin-right: 0; /* 右外边距0 */
 letter-spacing: 0.5px; /* 字间距0.5px */
 -webkit-transition: all .25s ease-out; /* Webkit过渡 */
 -moz-transition: all .25s ease-out; /* Mozilla过渡 */
 transition: all .25s ease-out; /* 标准过渡 */
 margin-bottom: 0px; /* 下外边距0 */
 font-weight: 600; /* 字体粗细600 */
 text-transform: capitalize; /* 首字母大写 */
 display: block; /* 块级显示 */
}

/*
---------------------------------------
 1.2 主题菜单
-----------------------------------------
*/
/* 导航小工具背景 */
.mg-nav-widget-area-back {
 background-size: cover; /* 背景覆盖 */
 background-repeat: no-repeat; /* 背景不重复 */
}

/* 导航小工具内部 */
.mg-nav-widget-area-back .inner {
 width: 100%; /* 宽度100% */
 padding: 10px 0; /* 上下内边距10px */
 padding-bottom: 20px; /* 下内边距20px */
}

/* 导航品牌样式 */
.mg-headwidget .navbar-brand {
 padding: 0; /* 无内边距 */
}

/* 导航栏通用样式 */
.navbar-wp {
 margin: 0; /* 无外边距 */
 padding: 0; /* 无内边距 */
 border: none; /* 无边框 */
 border-radius: 0; /* 无圆角 */
 z-index: 1000; /* 层级1000 */
}

/* 品牌样式 */
.navbar-brand {
 font-size: 26px; /* 字体大小26px */
 height: auto; /* 高度自适应 */
 line-height: 25px; /* 行高25px */
 margin-right: 50px; /* 右外边距50px */
 padding: 15px 0; /* 上下内边距15px */
 text-shadow: 2px 2px 1px rgba(150, 150, 183, 0.18); /* 文字阴影 */
}

/* 品牌描述 */
.navbar-brand span.site-description {
 font-size: 13px; /* 字体大小13px */
 line-height: 0; /* 行高0 */
}

/* 活跃菜单项 */
.navbar-wp .navbar-nav > .active > a, 
.navbar-wp .navbar-nav > .active > a:hover, 
.navbar-wp .navbar-nav > .active > a:focus {
 background: none; /* 无背景 */
}

/* 子菜单图标 */
.navbar-wp .navbar-nav > li > ul > li > a i {
 padding-right: 10px; /* 右内边距10px */
}

/* 禁用菜单项 */
.navbar-wp .navbar-nav > .disabled > a, 
.navbar-wp .navbar-nav > .disabled > a:hover, 
.navbar-wp .navbar-nav > .disabled > a:focus {
 background-color: transparent; /* 透明背景 */
}

/* 打开的菜单项 */
.navbar-wp .navbar-nav > .open > a, 
.navbar-wp .navbar-nav > .open > a:hover, 
.navbar-wp .navbar-nav > .open > a:focus {
 background: transparent; /* 透明背景 */
}

/* 基础导航打开状态 */
.navbar-base .navbar-nav > .open > a, 
.navbar-base .navbar-nav > .open > a:hover, 
.navbar-base .navbar-nav > .open > a:focus {
 background: transparent; /* 透明背景 */
}

/* 下拉菜单样式 */
.navbar-wp .dropdown-menu {
 min-width: 200px; /* 最小宽度200px */
 padding: 0; /* 无内边距 */
 border: none; /* 无边框 */
 border-radius: 0; /* 无圆角 */
}

/* 下拉菜单列表项 */
.navbar-wp .dropdown-menu > li, 
.navbar-wp .dropdown-menu > li:last-child {
 border: 0; /* 无边框 */
}

/* 下拉菜单链接 */
.navbar-wp .dropdown-menu > li > a {
 padding: 12px 15px; /* 内边距 */
 font-size: 12px; /* 字体大小12px */
 display: block; /* 块级显示 */
 transition: .3s; /* 过渡效果 */
 font-weight: normal; /* 正常字体粗细 */
 text-transform: uppercase; /* 大写字母 */
}

/* 嵌套下拉菜单 */
.navbar-wp .dropdown-menu > .dropdown-menu {
 right: 0; /* 右侧0 */
 left: auto; /* 左侧自动 */
}

/* 品牌样式（重复定义） */
.navbar-wp .navbar-brand {
 font-size: 22px; /* 字体大小22px */
 line-height: 20px; /* 行高20px */
 padding: 15px 0; /* 上下内边距15px */
 transition: all 0.25s ease-out 0s; /* 过渡效果 */
}

/* 导航链接（空定义） */
.navbar-wp .navbar-nav > li> a {
}

/* 搜索表单控制 */
.mg-search .form-control {
 height: 40px; /* 高度40px */
}

/* 搜索按钮 */
.mg-search .btn {
 border-width: 1px; /* 边框宽度1px */
 border-style: solid; /* 实线边框 */
 padding: 0 15px; /* 内边距 */
 height: 40px; /* 高度40px */
}

/* 网站标题链接 */
.site-title a {
 font-size: 34px; /* 字体大小34px */
 font-weight: 600; /* 字体粗细600 */
}

/* 博客标题样式 */
.mg-blog-inner h4 a, 
.mg-blog-post-box h4.title, 
.mg-blog-post-box h4.title a {
 font-weight: 500; /* 字体粗细500 */
}

/*
---------------------------------------
 1.3 居中主题菜单
-----------------------------------------
*/
/* 居中头部详细信息 */
.header-center .mg-head-detail {
 border-width: 0px 0 1px 0; /* 下边框1px */
 border-style: solid; /* 实线边框 */
}

/* 居中导航栏 */
.header-center .navbar-wp {
 box-shadow: 0 3px 5px rgba(0,0,0,.05); /* 阴影效果 */
 border-width: 1px 0 1px 0; /* 上下边框1px */
 border-style: solid; /* 实线边框 */
}

/* 居中Logo */
.header-center .logo-center {
 width: 100%; /* 宽度100% */
 text-align: center; /* 文字居中 */
 padding: 0; /* 无内边距 */
}

/* 居中品牌 */
.header-center .logo-center .navbar-brand {
 float: none; /* 无浮动 */
 display: inline-block; /* 内联块显示 */
 margin: 8px auto 0 auto; /* 上外边距8px，水平居中 */
 font-weight: bold; /* 粗体 */
}

/* 品牌描述样式 */
.navbar-brand span.site-description {
 font-size: 12px; /* 字体大小12px */
 font-weight: normal; /* 正常字体粗细 */
 line-height: 0; /* 行高0 */
}

/* 居中导航链接 */
.header-center .navbar-wp .navbar-nav > li > a {
 padding: 16px 16px; /* 内边距 */
}

/* 居中搜索框 */
.header-center .mg-search-box {
 position: absolute; /* 绝对定位 */
 right: 0px; /* 右侧0px */
 top: 0; /* 顶部0 */
}

/*
--------------------------------------
=========================================
 2. 通用样式
=========================================
-----------------------------------------
*/

/*
---------------------------------------
 2.1 主体和全局样式
-----------------------------------------
*/
/* 主体样式 */
body {
 padding: 0; /* 无内边距 */
 margin: 0; /* 无外边距 */
 font-family: 'Poppins', sans-serif; /* 字体族 */
 font-size: 14px; /* 字体大小14px */
 font-weight: 400; /* 字体粗细400 */
 line-height: 1.78; /* 行高1.78 */
 word-wrap: break-word; /* 单词换行 */
 word-break: break-word; /* 单词断行 */
}

/* 盒子布局 */
.boxed {
 width: 1170px; /* 宽度1170px */
 margin: 0 auto; /* 水平居中 */
 position: relative; /* 相对定位 */
}

/* 首页内容 */
#content.home {
 padding-top: 0; /* 无上内边距 */
 padding-bottom: 0; /* 无下内边距 */
}

/* 链接悬停 */
a:hover {
 text-decoration: none; /* 无下划线 */
}

/* 链接访问和聚焦 */
a:visited,
a:focus {
 text-decoration: none; /* 无下划线 */
}

/* 选择框样式 */
select {
 background-clip: padding-box; /* 背景裁剪 */
 background-color: #fff; /* 背景色白色 */
 border: 2px solid #ccc; /* 边框2px实线灰色 */
 border-radius: 0; /* 无圆角 */
 color: #444; /* 文字颜色 */
 display: block; /* 块级显示 */
 font-weight: 400; /* 字体粗细400 */
 overflow: hidden; /* 隐藏溢出 */
 padding: 6px 12px; /* 内边距 */
 position: relative; /* 相对定位 */
 text-decoration: none; /* 无下划线 */
 white-space: nowrap; /* 不换行 */
 width: 100%; /* 宽度100% */
}

/* 无间隙栅格 */
.no-gutter > [class*=col-] {
 padding-right: 0; /* 无右内边距 */
 padding-left: 0; /* 无左内边距 */
}

/* 输入框和文本域样式 */
input:not([type]), 
input[type="email"], 
input[type="number"], 
input[type="password"], 
input[type="tel"], 
input[type="url"], 
input[type="text"],
textarea {
 border-radius: 0; /* 无圆角 */
 margin-bottom: 20px; /* 下外边距20px */
 box-shadow: inherit; /* 继承阴影 */
 padding: 6px 12px; /* 内边距 */
 line-height: 40px; /* 行高40px */
 border-width: 2px; /* 边框宽度2px */
 border-style: solid; /* 实线边框 */
 width: 100%; /* 宽度100% */
}

/* 提交按钮和普通按钮 */
input[type="submit"], 
button {
 padding: 5px 35px; /* 内边距 */
 line-height: 30px; /* 行高30px */
 border-radius: 0; /* 无圆角 */
 font-weight: bold; /* 粗体 */
 font-size: 16px; /* 字体大小16px */
 border-width: 1px; /* 边框宽度1px */
 border-style: solid; /* 实线边框 */
 transition: all 0.4s ease-in-out 0s; /* 过渡效果 */
 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 
             0 3px 1px -2px rgba(0, 0, 0, 0.2), 
             0 1px 5px 0 rgba(0, 0, 0, 0.12); /* 多重阴影 */
}

/* 输入框悬停和聚焦 */
input:not([type]):hover, 
input[type="email"]:hover, 
input[type="number"]:hover, 
input[type="password"]:hover, 
input[type="tel"]:hover, 
input[type="url"]:hover, 
input[type="text"]:hover, 
input:not([type]):focus, 
input[type="email"]:focus, 
input[type="number"]:focus, 
input[type="password"]:focus, 
input[type="tel"]:focus, 
input[type="url"]:focus, 
input[type="text"]:focus {
}

/* 提交按钮和普通按钮悬停聚焦 */
input[type="submit"]:hover, 
button:hover, 
input[type="submit"]:focus, 
button:focus {
 transition: all 0.3s ease 0s; /* 过渡效果 */
 outline: none; /* 无轮廓 */
}

/* 表单控制 */
.form-control {
 border-radius: 0; /* 无圆角 */
 margin-bottom: 20px; /* 下外边距20px */
 box-shadow: inherit; /* 继承阴影 */
 padding: 6px 12px; /* 内边距 */
 line-height: 40px; /* 行高40px */
 border-width: 2px; /* 边框宽度2px */
 border-style: solid; /* 实线边框 */
 height: 40px; /* 高度40px */
}

/* 表单控制聚焦 */
.form-control:focus {
 box-shadow: inherit; /* 继承阴影 */
}

/* 无对齐图片 */
img.alignnone {
 width: 100%; /* 宽度100% */
 height: auto; /* 高度自适应 */
}

/* 大尺寸图片 */
img.size-large {
 width: 100%; /* 宽度100% */
 height: auto; /* 高度自适应 */
}

/* 联系表单7标签 */
.wpcf7-form label {
 display: inherit; /* 继承显示 */
}

/* 头像样式 */
.avatar {
 border-radius: 50px; /* 圆角50px */
}

/* 标记样式 */
mark, .mark {
 padding: 2px 5px; /* 内边距 */
 border-radius: 3px; /* 圆角3px */
}

/* 内容区域 */
#content {
 padding-top: 30px; /* 上内边距30px */
 padding-bottom: 30px; /* 下内边距30px */
}

/* 卡片盒子 */
.mg-card-box {
 background: #fff; /* 白色背景 */
 box-shadow: 0 2px 4px rgba(0,0,0,.08); /* 阴影效果 */
}

/* 底部外边距30px */
.mb-30 {
 margin-bottom: 0px; /* 下外边距0px（注意：这里可能有误，应该是30px） */
}

/* 内边距20px */
.padding-20 {
 padding: 20px; /* 内边距20px */
}

/* 底部外边距20px */
.mr-bot20 {
 margin-bottom: 20px; /* 下外边距20px */
}

/* 底部外边距30px */
.mr-bot30 {
 margin-bottom: 30px; /* 下外边距30px */
}

/* 底部外边距60px */
.mr-bot60 {
 margin-bottom: 60px; /* 下外边距60px */
}

/* 背景容器 */
.wd-back {
 padding: 10px; /* 内边距10px */
 background: #fff; /* 白色背景 */
 border: 1px solid #eee; /* 边框1px实线浅灰色 */
 margin-bottom: 30px; /* 下外边距30px */
}

/* 特色区域背景容器 */
.mg-fea-area .wd-back {
 padding: 0; /* 无内边距 */
 border: none; /* 无边框 */
}

/* Swiper按钮样式 */
.swiper-button-next, 
.swiper-button-prev {
 width: 35px !important; /* 宽度35px */
 height: 35px !important; /* 高度35px */
 line-height: 35px; /* 行高35px */
 border-radius: 2px; /* 圆角2px */
 text-align: center; /* 文字居中 */
 border-width: 1px; /* 边框宽度1px */
 border-style: solid; /* 实线边框 */
 background: #fff; /* 白色背景 */
 color: #333; /* 文字颜色深灰色 */
 border-color: #fff; /* 边框颜色白色 */
 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 
             0 3px 1px -2px rgba(0, 0, 0, 0.2), 
             0 1px 5px 0 rgba(0, 0, 0, 0.12); /* 多重阴影 */
}

/* Swiper按钮伪元素 */
.swiper-button-next::after, 
.swiper-button-prev::after {
 font-size: 24px !important; /* 字体大小24px */
}

/*
---------------------------------------
 2.2 排版样式
-----------------------------------------
*/
/* 标题样式 */
h1, .h1 {
 font-size: 34px; /* 字体大小34px */
}

h2, .h2 {
 font-size: 32px; /* 字体大小32px */
}

h3, .h3 {
 font-size: 28px; /* 字体大小28px */
}

h4, .h4 {
 font-size: 24px; /* 字体大小24px */
}

h5, .h5 {
 font-size: 17px; /* 字体大小17px */
}

h6, .h6 {
 font-size: 16px; /* 字体大小16px */
}

/* 通用标题样式 */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
 font-weight: 500; /* 字体粗细500 */
 font-family: 'Rubik', sans-serif; /* 字体族 */
 line-height: 1.5; /* 行高1.5 */
 margin: 0 0 22px; /* 下外边距22px */
}

/* 对齐样式 */
.alignright {
 text-align: right; /* 右对齐 */
}

.alignleft {
 text-align: left; /* 左对齐 */
}

.aligncenter {
 text-align: center; /* 居中对齐 */
}

/* 引用块样式 */
blockquote {
 position: relative; /* 相对定位 */
 width: 100%; /* 宽度100% */
 border-width: 0 0 0 5px; /* 左边框5px */
 border-style: solid; /* 实线边框 */
 padding: 20px; /* 内边距20px */
}

/* 引用块前缀图标 */
blockquote::before {
 content: "\f10d"; /* FontAwesome引用图标 */
 display: table; /* 表格显示 */
 float: left; /* 左浮动 */
 font-family: "FontAwesome"; /* 字体族 */
 font-size: 28px; /* 字体大小28px */
 margin-top: 6px; /* 上外边距6px */
 font-weight: normal; /* 正常字体粗细 */
 width: 6%; /* 宽度6% */
}

/* 引用块段落 */
blockquote p {
 font-style: italic; /* 斜体 */
 width: 94%; /* 宽度94% */
 display: table; /* 表格显示 */
 font-weight: bold; /* 粗体 */
 line-height: 1.5; /* 行高1.5 */
}

/* 图片通用样式 */
img {
 height: auto; /* 高度自适应 */
 max-width: 100%; /* 最大宽度100% */
}

/* 表格样式 */
table {
 border-collapse: collapse; /* 边框合并 */
 margin: 0 0 24px; /* 下外边距24px */
 width: 100%; /* 宽度100% */
 word-wrap: break-word; /* 单词换行 */
}

/* 表头样式 */
th {
 background: #f6f6f6; /* 背景色浅灰色 */
 color: #01012f; /* 文字颜色深蓝色 */
 padding: 8px 11px; /* 内边距 */
 text-align: left; /* 左对齐 */
}

/* 表格边框 */
table, th, td {
 border: 1px solid #e9e9e9; /* 边框1px实线浅灰色 */
}

/* 表格单元格 */
td {
 padding: 8px 11px; /* 内边距 */
}

/*
---------------------------------------
 2.4 按钮样式
-----------------------------------------
*/
/* 通用按钮样式 */
.btn {
 padding: 10px 35px; /* 内边距 */
 line-height: 30px; /* 行高30px */
 overflow: hidden; /* 隐藏溢出 */
 position: relative; /* 相对定位 */
 border-radius: 4px; /* 圆角4px */
 font-weight: bold; /* 粗体 */
 display: inline-block; /* 内联块显示 */
 transition: all 0.2s ease 0s; /* 过渡效果 */
 border-width: 2px; /* 边框宽度2px */
 border-style: solid; /* 实线边框 */
}

/* 主题按钮悬停聚焦 */
.btn-theme:hover, 
.btn-theme:focus {
 transition: all 0.3s ease 0s; /* 过渡效果 */
 outline: none; /* 无轮廓 */
 box-shadow: 0 4px 20px -5px rgba(0,0,0,0.5); /* 阴影效果 */
}

/* 更多按钮样式 */
.more_btn, 
.more-link {
 padding: 8px 10px; /* 内边距 */
 line-height: 30px; /* 行高30px */
 overflow: hidden; /* 隐藏溢出 */
 border-radius: 4px; /* 圆角4px */
}

/* 分页第一个元素 */
.pagination > li:first-child > a, 
.pagination > li:first-child > span {
 border-radius: 4px; /* 圆角4px */
}

/* 分页最后一个元素 */
.pagination > li:last-child > a, 
.pagination > li:last-child > span {
 border-radius: 4px; /* 圆角4px */
}

/* 分页链接和数字 */
.pagination > li > a, 
.pagination > li > span {
 margin: 0 6px 10px; /* 外边距 */
 border-radius: 4px; /* 圆角4px */
 border: none; /* 无边框 */
 width: 40px; /* 宽度40px */
 height: 40px; /* 高度40px */
 line-height: 40px; /* 行高40px */
 padding: 0; /* 无内边距 */
 box-shadow: 0 1px 3px rgba(0,0,0,0.15); /* 阴影效果 */
 text-align: center; /* 文字居中 */
}

/* 分页活跃状态和悬停 */
.pagination > .active > a, 
.pagination > .active > a:hover, 
.pagination > li > a:hover, 
.pagination > li > a:focus, 
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
 transition: all 0.3s ease 0s; /* 过渡效果 */
}

/* 单篇文章导航链接 */
.single-nav-links {
 text-align: center; /* 文字居中 */
 margin-top: 30px; /* 上外边距30px */
}

/* 单篇文章导航链接和文字 */
.single-nav-links a, 
.single-nav-links span {
 transition: all 0.3s ease 0s; /* 过渡效果 */
 font-size: 18px; /* 字体大小18px */
 line-height: 40px; /* 行高40px */
 margin: 0 6px 10px; /* 外边距 */
 border-radius: 4px; /* 圆角4px */
 width: 40px; /* 宽度40px */
 height: 40px; /* 高度40px */
 box-shadow: 0 1px 3px rgba(0,0,0,0.15); /* 阴影效果 */
 transition: all 0.3s ease 0s; /* 过渡效果 */
 padding: 8px 15px; /* 内边距 */
}

/* Magnific Popup关闭按钮 */
button.mfp-close:hover, 
button.mfp-close:focus {
 background: inherit; /* 继承背景 */
}

/* 无内边距 */
.no-padding {
 padding: 0; /* 无内边距 */
}

/*
---------------------------------------
=========================================
 首页内容区域
=========================================
-----------------------------------------
*/
/* 顶部标签区域 */
.mg-tpt-tag-area {
 display: flex; /* 弹性布局 */
 justify-content: flex-end; /* 右对齐 */
}

/* 顶部交易列表 */
.mg-tpt-txnlst {
 padding: 4px 2px; /* 内边距 */
 margin: 0; /* 无外边距 */
 font-size: 14px; /* 字体大小14px */
 border-radius: 5px; /* 圆角5px */
}

/* 顶部交易列表强调文字 */
.mg-tpt-txnlst strong {
 margin-right: 10px; /* 右外边距10px */
}

/* 顶部交易列表强调文字前缀 */
.mg-tpt-txnlst strong:before {
 content: '\f292'; /* FontAwesome图标 */
 font-family: FontAwesome; /* 字体族 */
 font-size: 12px; /* 字体大小12px */
 padding: 0 5px; /* 内边距 */
}

/* 顶部交易列表 */
.mg-tpt-txnlst ul {
 display: inline-block; /* 内联块显示 */
 margin: 0; /* 无外边距 */
 padding: 0; /* 无内边距 */
}

/* 顶部交易列表项 */
.mg-tpt-txnlst ul li {
 display: inline-block; /* 内联块显示 */
 margin-right: 10px; /* 右外边距10px */
}

/* 顶部交易列表链接 */
.mg-tpt-txnlst ul li a {
 padding: 2px 4px; /* 内边距 */
 border-radius: 2px; /* 圆角2px */
 font-size: 12px; /* 字体大小12px */
 font-weight: 600; /* 字体粗细600 */
}

/* 无列表区域 */
.mg-no-list-area {
 padding: 0; /* 无内边距 */
 margin-bottom: 30px; /* 下外边距30px */
}

/* 最新新闻区域 */
.mg-latest-news-sec {
 padding: 0; /* 无内边距 */
 background: #fff; /* 白色背景 */
 box-shadow: 0 3px 5px rgba(70, 70, 70, 0.1); /* 阴影效果 */
}

/* 最新新闻容器 */
.mg-latest-news {
 width: 100%; /* 宽度100% */
 height: 50px; /* 高度50px */
 position: relative; /* 相对定位 */
 overflow: hidden; /* 隐藏溢出 */
 margin: 0; /* 无外边距 */
}

/* 最新新闻标题 */
.mg-latest-news .bn_title h2 {
 display: inline-block; /* 内联块显示 */
 margin: 0; /* 无外边距 */
 padding: 0 20px; /* 内边距 */
 line-height: 50px; /* 行高50px */
 font-size: 20px; /* 字体大小20px */
 color: #FFF; /* 文字颜色白色 */
 height: 50px; /* 高度50px */
 box-sizing: border-box; /* 盒子模型 */
 font-weight: 600; /* 字体粗细600 */
 border-right: 2px solid #fff; /* 右边框2px白色 */
}

/* 最新新闻标题跨度 */
.mg-latest-news .bn_title span {
 width: 0; /* 宽度0 */
 position: absolute; /* 绝对定位 */
 right: -30px; /* 右侧-30px */
 top: 0px; /* 顶部0px */
 height: 0; /* 高度0 */
}

/* 最新新闻标题容器 */
.mg-latest-news .bn_title {
 width: auto; /* 宽度自适应 */
 height: 50px; /* 高度50px */
 display: inline-block; /* 内联块显示 */
 position: relative; /* 相对定位 */
 z-index: 100; /* 层级100 */
}

/* 最新新闻滑块链接 */
.mg-latest-news .mg-latest-news-slider a {
 text-decoration: none; /* 无下划线 */
 font-weight: normal; /* 正常字体粗细 */
 padding-left: 20px; /* 左内边距20px */
}

/* 最新新闻滑块图片 */
.mg-latest-news .mg-latest-news-slider a .img {
 width: 40px; /* 宽度40px */
 height: 40px; /* 高度40px */
 border-radius: 10px; /* 圆角10px */
 margin-right: 8px; /* 右外边距8px */
 object-fit: cover; /* 对象填充覆盖 */
}

/* 最新新闻滑块 */
.mg-latest-news .mg-latest-news-slider {
 padding: 0; /* 无内边距 */
 margin: 0; /* 无外边距 */
 list-style: none; /* 无列表样式 */
 position: absolute; /* 绝对定位 */
 left: 0px; /* 左侧0px */
 top: 5px; /* 顶部5px */
 right: 40px; /* 右侧40px */
 height: 50px; /* 高度50px */
 font-size: 13px; /* 字体大小13px */
 width: 100%; /* 宽度100% */
 margin: 0 auto; /* 水平居中 */
 white-space: nowrap; /* 不换行 */
 box-sizing: border-box; /* 盒子模型 */
}

/* 特色滑块和无列表轮播 */
.mg-featured-slider, 
.nolist_crowsel {
 margin: 0 0 30px 0; /* 下外边距30px */
}

/* 特色滑块项目 */
.mg-featured-slider .item {
 margin-left: 3px; /* 左外边距3px */
 margin-right: 3px; /* 右外边距3px */
 margin-bottom: 30px; /* 下外边距30px */
 position: relative; /* 相对定位 */
}

/*
--------------------------------------
=========================================
 特色分类
=========================================
-----------------------------------------
*/
/* 特色分类容器 */
.fea-cate {
 height: 200px; /* 高度200px */
 border-radius: 5px; /* 圆角5px */
}

/* 特色分类链接容器 */
.fea-cate .link-div {
 display: flex; /* 弹性布局 */
 justify-content: center; /* 居中对齐 */
 align-items: center; /* 垂直居中 */
}

/* 特色分类按钮 */
.fea-cate .link-div span.btn {
 padding: 10px 30px; /* 内边距 */
 color: #fff; /* 文字颜色白色 */
 background: rgba(0,0,0,0.9); /* 背景色半透明黑色 */
 border-radius: 30px; /* 圆角30px */
 font-size: 13px; /* 字体大小13px */
 position: relative; /* 相对定位 */
}

/* 特色分类计数 */
.fea-cate .link-div span.count {
 background: #C70909; /* 背景色红色 */
 width: 20px; /* 宽度20px */
 height: 20px; /* 高度20px */
 position: absolute; /* 绝对定位 */
 right: 0; /* 右侧0 */
}

/*
--------------------------------------
=========================================
 博客文章
=========================================
-----------------------------------------
*/
/* 网格布局第二列清除浮动 */
#grid .mg-blog-post-box:nth-child(2n) {
 clear: both; /* 清除浮动 */
}

/* 网格布局第三列清除浮动 */
#grid .mg-blog-post-box:nth-child(3n) {
 clear: both; /* 清除浮动 */
}

/* 标题样式 */
h4.title {
 font-size: 19px; /* 字体大小19px */
 margin: 5px 0; /* 上下外边距5px */
}

/* 中等标题 */
h4.title.md {
 font-size: 22; /* 字体大小22（缺少单位，可能是22px） */
}

/* 博客文章中等标题 */
.mg-blog-post-box h4.title.md {
}

/* 大标题 */
h1.title.lg {
 font-size: 18px; /* 字体大小18px */
}

/* 大型博客文章 */
.mg-blog-post-3.lg {
 height: 450px; /* 高度450px */
}

/* 小图片高度 */
.h-sm img {
 height: 250px; /* 高度250px */
}

/* 博客内部大标题 */
.mg-blog-inner h4.title.lg {
 margin-bottom: 10px; /* 下外边距10px */
 font-size: 34px; /* 字体大小34px */
}

/* 博客元数据 */
.mg-blog-meta span {
 padding-right: 5px; /* 右内边距5px */
}

/* 博客文章3 */
.mg-blog-post-3 {
 position: relative; /* 相对定位 */
 overflow: hidden; /* 隐藏溢出 */
 min-height: 350px; /* 最小高度350px */
 background-position: center center; /* 背景居中 */
 background-size: cover; /* 背景覆盖 */
 -webkit-transition: all ease .4s; /* Webkit过渡 */
 -o-transition: all ease .4s; /* Opera过渡 */
 transition: all ease .4s; /* 标准过渡 */
 background: #333; /* 背景色深灰色 */
}

/* 博客内部容器 */
.mg-blog-post-3 .mg-blog-inner {
 position: absolute; /* 绝对定位 */
 bottom: 0; /* 底部0 */
 padding: 25px; /* 内边距25px */
 z-index: 1; /* 层级1 */
 top: 0; /* 顶部0 */
 display: flex; /* 弹性布局 */
 justify-content: flex-end; /* 右对齐 */
 flex-direction: column; /* 垂直排列 */
}

/* 博客文章3悬停效果 */
.mg-blog-post-3:hover {
 background-position: 40%; /* 背景位置40% */
}

/* 博客文章3伪元素 */
.mg-blog-post-3::after {
 content: ''; /* 内容为空 */
 width: 100%; /* 宽度100% */
 height: 100%; /* 高度100% */
 left: 0; /* 左侧0 */
 top: 0; /* 顶部0 */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(rgba(0, 0, 0, 0.8))); /* Webkit渐变 */
 background: -webkit-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.8) 100%); /* Webkit线性渐变 */
 background: -o-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.8) 100%); /* Opera线性渐变 */
 background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.8) 100%); /* 标准线性渐变 */
 -webkit-transition: all 0.4s ease; /* Webkit过渡 */
 -o-transition: all 0.4s ease; /* Opera过渡 */
 transition: all 0.4s ease; /* 标准过渡 */
}

/* 博客分类 */
.mg-blog-post-3 .mg-blog-category {
 position: absolute; /* 绝对定位 */
 top: 20px; /* 顶部20px */
}

/* 小文章图片 */
.small-post .img-small-post {
 width: 35%; /* 宽度35% */
 height: 85px; /* 高度85px */
 margin-right: 25px; /* 右外边距25px */
 overflow: hidden; /* 隐藏溢出 */
 position: relative; /* 相对定位 */
 border-radius: 0; /* 无圆角 */
 transition: all .3s ease-out; /* 过渡效果 */
}

/* 小文章分类 */
.small-post .mg-blog-category {
 margin: 0 0 5px 0; /* 下外边距5px */
}

/* 小文章容器 */
.small-post {
 position: relative; /* 相对定位 */
 overflow: hidden; /* 隐藏溢出 */
 margin-bottom: 30px; /* 下外边距30px */
}

/* 小文章悬停效果 */
.small-post:hover .img-small-post {
 background-position: 40%; /* 背景位置40% */
}

/* 小列表文章标题 */
.small-list-post h5 {
 margin: 5px 0px 0px 0px; /* 上外边距5px */
 font-weight: 700; /* 字体粗细700 */
 font-size: 18px; /* 字体大小18px */
}

/* 最近区域背景图片 */
.recentarea .back-img {
 width: 100px; /* 宽度100px */
 height: 100px; /* 高度100px */
 margin-right: 10px; /* 右外边距10px */
}

/* 背景图片通用样式 */
.back-img {
 background-color: #333; /* 背景色深灰色 */
 background-position: 50% 50%; /* 背景居中 */
 background-repeat: no-repeat; /* 背景不重复 */
 position: relative; /* 相对定位 */
 background-size: cover; /* 背景覆盖 */
 overflow: hidden; /* 隐藏溢出 */
}

/* 最近区域内容内部 */
.recentarea .content .inner {
 flex: 1; /* 弹性比例1 */
}

/* 最近区域内容 */
.recentarea .content {
 display: -ms-flexbox; /* IE弹性布局 */
 display: flex; /* 弹性布局 */
 -ms-flex-align: start; /* IE垂直对齐开始 */
 align-items: flex-start; /* 垂直对齐开始 */
 margin: 0 20px; /* 左右外边距20px */
 padding: 0 0 7px 0; /* 下内边距7px */
 border-bottom: 2px dashed #000; /* 下边框2px虚线黑色 */
 margin-bottom: 10px; /* 下外边距10px */
}

/* 链接容器 */
.link-div {
 display: block; /* 块级显示 */
 position: absolute; /* 绝对定位 */
 top: 0; /* 顶部0 */
 right: 0; /* 右侧0 */
 bottom: 0; /* 底部0 */
 left: 0; /* 左侧0 */
}

/* 博客分类链接 */
.mg-blog-category a {
 display: inline-block; /* 内联块显示 */
 font-size: 11px; /* 字体大小11px */
 padding: 0 0px; /* 内边距 */
 height: 20px; /* 高度20px */
 line-height: 20px; /* 行高20px */
 text-transform: uppercase; /* 大写字母 */
 font-weight: 700; /* 字体粗细700 */
 cursor: pointer; /* 鼠标指针 */
 border-radius: 0; /* 无圆角 */
 margin-right: 6px; /* 右外边距6px */
}

/* 博客元数据 */
.mg-blog-meta {
 font-size: 14px; /* 字体大小14px */
 font-weight: 500; /* 字体粗细500 */
 letter-spacing: 0.5px; /* 字间距0.5px */
 opacity: 0.8; /* 不透明度0.8 */
 text-transform: capitalize; /* 首字母大写 */
}

/* 博客元数据图标 */
.mg-blog-meta i {
 margin-right: 2px; /* 右外边距2px */
 padding-left: 1px; /* 左内边距1px */
}

/* 顶部右侧区域标签 */
.top-right-area .nav-tabs {
 border: none; /* 无边框 */
}

/* 标签区域导航项 */
.tabarea .nav-item {
 margin-bottom: 0; /* 无下外边距 */
 width: 50%; /* 宽度50% */
 text-align: center; /* 文字居中 */
 border: none; /* 无边框 */
}

/* 标签区域导航链接 */
.tabarea .nav-link {
 border-width: 0 0 2px 0; /* 下边框2px */
 border-style: solid; /* 实线边框 */
}

/* 顶部右侧区域导航项 */
.top-right-area .nav-item {
 flex-grow: 1; /* 弹性增长1 */
 border-radius: 0; /* 无圆角 */
 text-align: center; /* 文字居中 */
 border: none; /* 无边框 */
}

/* 顶部右侧区域标签内容 */
.top-right-area .tab-content {
 background: #fff; /* 白色背景 */
 padding-top: 10px; /* 上内边距10px */
}

/* 顶部右侧区域文章内部小列表 */
.top-right-area .mg-posts-sec-inner .small-list-post {
 margin-bottom: 15px; /* 下外边距15px */
 border-radius: 0; /* 无圆角 */
 padding: 0 10px; /* 左右内边距10px */
}

/* 博客文章盒子小样式 */
.mg-blog-post-box .small {
 background: #fff; /* 白色背景 */
 font-size: 100%; /* 字体大小100% */
}

/* 博客文章盒子小最小高度 */
.mg-blog-post-box .small.minh {
 padding: 6px 10px; /* 内边距 */
 height: 73px; /* 高度73px */
 overflow: hidden; /* 隐藏溢出 */
}

/* 博客文章盒子小标题 */
.mg-blog-post-box.sm h1.title {
 font-size: 18px; /* 字体大小18px */
 line-height: 22px; /* 行高22px */
 max-height: 45px; /* 最大高度45px */
}

/* 博客文章盒子小内部样式 */
.mg-blog-post-box.sm .small {
 padding: 5px 10px; /* 内边距 */
}

/* 博客文章盒子小标题4 */
.mg-blog-post-box.sm h4.title {
 font-size: 16px; /* 字体大小16px */
 margin: 0px 0; /* 无外边距 */
 max-height: 100px; /* 最大高度100px */
}

/* 博客缩略图 */
.mg-blog-thumb {
 position: relative; /* 相对定位 */
 min-height: 20px; /* 最小高度20px */
 overflow: hidden; /* 隐藏溢出 */
 max-width: 100%; /* 最大宽度100% */
}

/* 小缩略图 */
.mg-blog-thumb.sm {
 height: 120px; /* 高度120px */
}

/* 中缩略图 */
.mg-blog-thumb.md {
 height: 150px; /* 高度150px */
}

/* 大缩略图 */
.mg-blog-thumb.lg {
 height: 243px; /* 高度243px */
}

/* 12列栅格大缩略图 */
.col-md-12 .mg-blog-thumb.lg.hlg {
 height: 500px; /* 高度500px */
}

/* 博客文章盒子缩略图过渡 */
.mg-blog-post-box .mg-blog-thumb {
 transition: all .3s ease-out; /* 过渡效果 */
}

/* 博客文章盒子悬停缩略图 */
.mg-blog-post-box:hover .mg-blog-thumb img {
 transform: scale(1.1); /* 缩放1.1倍 */
}

/* 博客缩略图分类 */
.mg-blog-thumb .mg-blog-category {
 position: absolute; /* 绝对定位 */
 top: 10px; /* 顶部10px */
 left: 15px; /* 左侧15px */
}

/* 不同栅格下的小文章图片 */
.col-md-12 .small-post .img-small-post, 
.col-md-6 .mg-widget-blog-post .img-small-post, 
.col-md-12 .small-post.tabs .img-small-post, 
.col-md-6 .small-post.tabs .img-small-post {
 width: 40%; /* 宽度40% */
 height: 145px; /* 高度145px */
}

/* 12列栅格大缩略图（重复定义） */
.col-md-12 .mg-blog-thumb.lg.hlg {
 height: 500px; /* 高度500px */
}

/* 博客文章3表单 */
.mg-blog-post-3 .post-form {
 position: sticky; /* 粘性定位 */
}

/* 文章表单 */
.post-form {
 border-radius: 0; /* 无圆角 */
 border-width: 2px; /* 边框宽度2px */
 line-height: 32px; /* 行高32px */
 position: absolute; /* 绝对定位 */
 top: inherit; /* 继承顶部位置 */
 bottom: 30px; /* 底部30px */
 left: 20px; /* 左侧20px */
 width: 32px; /* 宽度32px */
 height: 32px; /* 高度32px */
 text-align: center; /* 文字居中 */
}

/* 文章编辑链接图标 */
.post-edit-link i {
 margin-left: 0px; /* 左外边距0px */
}

/* 文章编辑链接 */
.post-edit-link {
 margin-left: 5px; /* 左外边距5px */
}

/* 文章缩略图 */
.mg-post-thumb {
 position: relative; /* 相对定位 */
}

/* 头部区域 */
.mg-header {
 padding: 20px 15px; /* 内边距 */
 background: #fff; /* 白色背景 */
}

/* 头部标题 */
.mg-header h1 {
 font-size: 38px; /* 字体大小38px */
 font-weight: 800; /* 字体粗细800 */
 line-height: 110%; /* 行高110% */
}

/* 头部标题最大高度 */
.mg-header h1.title {
 max-height: inherit; /* 继承最大高度 */
}

/* 头部副标题 */
.mg-header h4 {
 font-size: 14px; /* 字体大小14px */
 font-weight: 700; /* 字体粗细700 */
 margin-bottom: 0; /* 无下外边距 */
}

/* 作者信息块标题 */
.mg-info-author-block h4 span {
 margin-right: 5px; /* 右外边距5px */
}

/* 头部作者头像 */
.mg-header .mg-info-author-block .mg-author-pic img {
 width: 50px; /* 宽度50px */
 height: 50px; /* 高度50px */
}

/* 头部作者信息块 */
.mg-header .mg-info-author-block {
 border: none; /* 无边框 */
 box-shadow: inherit; /* 继承阴影 */
 margin: 0; /* 无外边距 */
 padding: 10px 0; /* 上下内边距10px */
}

/* 博客文章盒子内边距 */
.mg-blog-post-box {
 padding: 0; /* 无内边距 */
}

/* 博客文章盒子悬停缩略图 */
.mg-blog-post-box:hover .mg-blog-thumb {
 background-position: 30%; /* 背景位置30% */
}

/* 作者信息块头像 */
.mg-info-author-block .mg-author-pic img {
 margin: 0 25px 15px 0; /* 外边距 */
 float: left; /* 左浮动 */
 border-radius: 50%; /* 圆形 */
 width: 150px; /* 宽度150px */
 height: 150px; /* 高度150px */
}

/* 作者信息块 */
.mg-info-author-block {
 margin-bottom: 30px; /* 下外边距30px */
 margin-top: 0; /* 无上外边距 */
 padding: 20px 40px; /* 内边距 */
 box-shadow: 0 1px 3px rgba(0,0,0,0.15); /* 阴影效果 */
}

/* 作者社交图标 */
.mg-info-author-social li {
 display: inline-block; /* 内联块显示 */
 width: 30px; /* 宽度30px */
 height: 30px; /* 高度30px */
 text-align: center; /* 文字居中 */
 line-height: 30px; /* 行高30px */
}

/* 评论区域回复链接 */
.comment_section .comment-reply-link {
 border-radius: 50%; /* 圆形 */
 margin-left: 10px; /* 左外边距10px */
 transition: all 0.3s ease 0s; /* 过渡效果 */
 line-height: 20px; /* 行高20px */
 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 
             0 3px 1px -2px rgba(0, 0, 0, 0.2), 
             0 1px 5px 0 rgba(0, 0, 0, 0.12); /* 多重阴影 */
 width: 30px; /* 宽度30px */
 height: 30px; /* 高度30px */
 line-height: 30px; /* 行高30px */
 display: inline-block; /* 内联块显示 */
 text-align: center; /* 文字居中 */
}

/* 评论回复按钮 */
.mg-comments a.mg-reply {
 padding: 2px 6px; /* 内边距 */
 text-transform: uppercase; /* 大写字母 */
 background: #222; /* 背景色深灰色 */
 color: #fff; /* 文字颜色白色 */
}

/* 评论标题 */
.mg-comments h4 {
 font-size: 14px; /* 字体大小14px */
 font-weight: 500; /* 字体粗细500 */
 margin-top: 0; /* 无上外边距 */
}

/* 评论标题跨度 */
.mg-comments h4 span {
 font-size: 12px; /* 字体大小12px */
 padding-left: 7px; /* 左内边距7px */
}

/* 评论按钮 */
.mg-comments .btn {
 margin-left: 5px; /* 左外边距5px */
}

/* 评论媒体 */
.mg-comments .media {
 margin-top: 0; /* 无上外边距 */
}

/* 评论区域头像 */
.comments-area img.avatar {
 position: absolute; /* 绝对定位 */
 z-index: 0; /* 层级0 */
 left: 0; /* 左侧0 */
 top: 28px; /* 顶部28px */
 height: 64px; /* 高度64px */
 width: 64px; /* 宽度64px */
 margin-right: 20px; /* 右外边距20px */
 border-radius: 50%; /* 圆形 */
 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 
             0 3px 1px -2px rgba(0, 0, 0, 0.2), 
             0 1px 5px 0 rgba(0, 0, 0, 0.12); /* 多重阴影 */
}

/* 评论列表 */
.comment-list {
 list-style: none; /* 无列表样式 */
 padding: 0; /* 无内边距 */
 margin: 0; /* 无外边距 */
}

/* 评论区域评论主体 */
.comments-area .comment-body {
 position: relative; /* 相对定位 */
 padding: 25px 25px 25px 70px; /* 内边距 */
 min-height: 120px; /* 最小高度120px */
 overflow-wrap: break-word; /* 单词换行 */
 word-wrap: break-word; /* 单词断行 */
 border-radius: 3px; /* 圆角3px */
 z-index: 0; /* 层级0 */
 margin-bottom: 25px; /* 下外边距25px */
 border-bottom: 1px solid rgba(225,225,225,0.9); /* 下边框1px实线浅灰色 */
}

/* 评论列表子评论 */
.comment-list .children {
 position: relative; /* 相对定位 */
 padding: 0; /* 无内边距 */
 margin: 0; /* 无外边距 */
 margin-left: 2.5rem; /* 左外边距2.5rem */
 z-index: 0; /* 层级0 */
 list-style: none; /* 无列表样式 */
}

/* 评论主体回复 */
.comment-body .reply {
 text-align: right; /* 右对齐 */
}

/* 评论区域元数据 */
.comments-area .comment-meta {
 display: -ms-flexbox; /* IE弹性布局 */
 display: flex; /* 弹性布局 */
 -ms-flex-wrap: wrap; /* IE换行 */
 flex-wrap: wrap; /* 换行 */
 -ms-flex-align: flex-start; /* IE垂直对齐开始 */
 align-items: flex-start; /* 垂直对齐开始 */
 -ms-flex-direction: row; /* IE水平排列 */
 flex-direction: row; /* 水平排列 */
}

/* 评论元数据 */
.comment-meta .comment-metadata {
 margin: 0 0 0 5px; /* 左外边距5px */
}

/*
--------------------------------------
=========================================
 区域标题
=========================================
-----------------------------------------
*/
/* 最近区域 */
.recentarea {
 height: 658px; /* 高度658px */
 margin-bottom: 30px; /* 下外边距30px */
}

/* 最近区域标题 */
.recentarea h2 {
 line-height: 40px; /* 行高40px */
 margin: 0; /* 无外边距 */
 padding: 0 10px 0 8px; /* 内边距 */
 color: #fff; /* 文字颜色白色 */
 margin-bottom: 20px; /* 下外边距20px */
 font-weight: 600; /* 字体粗细600 */
}

/* 最近区域滑块 */
.recentarea-slider {
 height: 545px; /* 高度545px */
 overflow: hidden; /* 隐藏溢出 */
}

/* 最近区域内容前缀 */
.recentarea .content:before {
 margin-right: 8px; /* 右外边距8px */
 content: ""; /* 内容为空 */
 width: 0; /* 宽度0 */
 height: 50%; /* 高度50% */
 background: #999; /* 背景色灰色 */
 position: absolute; /* 绝对定位 */
 left: 0; /* 左侧0 */
 top: 2px; /* 顶部2px */
}

/* 最近区域内容标题 */
.recentarea .content h5 {
 text-overflow: ellipsis; /* 文字省略 */
 overflow: hidden; /* 隐藏溢出 */
 max-height: 5em; /* 最大高度5em */
 line-height: 1.3; /* 行高1.3 */
 display: block; /* 块级显示 */
 font-size: 18px; /* 字体大小18px */
 font-weight: 700; /* 字体粗细700 */
}

/* 换行分隔符 */
.br-div {
 width: 100%; /* 宽度100% */
 margin: 10px auto; /* 上下外边距10px，水平居中 */
 border-bottom: 2px dashed; /* 下边框2px虚线 */
}

/* 区域标题 */
.mg-sec-title {
 display: flex; /* 弹性布局 */
 justify-content: space-between; /* 两端对齐 */
 align-items: center; /* 垂直居中 */
 margin-bottom: 20px; /* 下外边距20px */
 padding: 0 0 3px 0; /* 下内边距3px */
 border-radius: 0; /* 无圆角 */
 border-bottom: 2px solid rgba(0, 0, 0, 0.05); /* 下边框2px实线浅黑色 */
}

/* 阴影样式 */
.shd {
 border: 1px solid #eee; /* 边框1px实线浅灰色 */
}

/* 区域标题副标题 */
.mg-sec-title h4 {
 line-height: 25px; /* 行高25px */
 font-weight: 800; /* 字体粗细800 */
 font-size: 18px; /* 字体大小18px */
 margin-bottom: 0; /* 无下外边距 */
}

/* 区域标题背景 */
.mg-sec-title span.bg {
 display: inline-block; /* 内联块显示 */
 padding: 3px 0 0 0; /* 内边距 */
 position: relative; /* 相对定位 */
}

/* 区域标题样式2和4背景 */
.mg-sec-title.st2 span.bg, 
.mg-sec-title.st4 span.bg {
 padding: 3px 0 0 10px; /* 内边距 */
}

/* 区域标题样式4背景前缀 */
.mg-sec-title.st4 span.bg::before {
 width: 3px; /* 宽度3px */
 height: 12px; /* 高度12px */
}

/* 区域标题样式4背景后缀 */
.mg-sec-title.st4 span.bg::after {
 width: 12px; /* 宽度12px */
 height: 3px; /* 高度3px */
}

/* 区域标题样式4背景前后缀定位 */
.mg-sec-title.st4 span.bg::after, 
.mg-sec-title.st4 span.bg::before {
 position: absolute; /* 绝对定位 */
 top: 0; /* 顶部0 */
 content: ''; /* 内容为空 */
 left: 0; /* 左侧0 */
}

/* 区域标题样式2背景前缀 */
.mg-sec-title.st2 span.bg::before {
 position: absolute; /* 绝对定位 */
 content: ""; /* 内容为空 */
 left: 0; /* 左侧0 */
 top: 0; /* 顶部0 */
 width: 4px; /* 宽度4px */
 height: 100%; /* 高度100% */
 bottom: 0; /* 底部0 */
 margin: auto; /* 自动外边距 */
}

/* 区域标题样式2背景后缀 */
.mg-sec-title.st2 span.bg::after {
 display: none; /* 隐藏 */
}

/* 区域标题样式3背景 */
.mg-sec-title.st3 span.bg {
 padding: 5px 10px; /* 内边距 */
 margin-bottom: -4px; /* 下外边距-4px */
}

/* 区域标题样式3背景前后缀 */
.mg-sec-title.st3 span.bg::after,
.mg-sec-title.st3 span.bg::before {
 display: none; /* 隐藏 */
}

/* 区域筛选按钮 */
.mg-sec-filter-btn ul li a {
 color: #000; /* 文字颜色黑色 */
}

/* 区域筛选按钮活跃和悬停 */
.mg-sec-filter-btn ul li .nav-link.active, 
.mg-sec-filter-btn ul li .nav-link:hover {
 color: #C70909; /* 文字颜色红色 */
 background: transparent; /* 透明背景 */
}

/* 区域筛选按钮链接 */
.mg-sec-filter-btn ul li a {
 font-size: 16px; /* 字体大小16px */
 font-weight: 400; /* 字体粗细400 */
 line-height: 20px; /* 行高20px */
 margin-left: 8px; /* 左外边距8px */
 border-radius: 4px; /* 圆角4px */
 padding: 0px 8px; /* 内边距 */
 display: block; /* 块级显示 */
}

/* 博客文章标题省略 */
.mg-blog-post .tittle, 
.mg-blog-inner h4.title, 
.mg-blog-post-box h4.title, 
.small-list-post h5.title, 
.mg-blog-post .bottom h1, 
.title_small_post, 
.mg-posts-modul-6 .mg-sec-top-post .title, 
.mg-no-list-area .mg-blog-post h3 {
 overflow-y: hidden; /* 隐藏垂直溢出 */
 text-overflow: ellipsis; /* 文字省略 */
}

/* 顶部文章区域 */
.mg-sec-top-post {
 display: flex; /* 弹性布局 */
 justify-content: center; /* 居中对齐 */
 flex-direction: column; /* 垂直排列 */
}

/* 文章模块4 */
.mg-posts-modul-4 .title_post h4 {
 margin: 10px 0px; /* 上下外边距10px */
}

/* 文章模块4博客文章盒子 */
.mg-posts-modul-4 .mg-blog-post-box {
 margin-bottom: 0; /* 无下外边距 */
}

/* 文章模块4小列表文章 */
.mg-posts-modul-4 .small-list-post {
}

/* 文章模块4文章1 */
.mg-posts-modul-4 .mg-post-1 {
 padding: 0; /* 无内边距 */
 position: relative; /* 相对定位 */
 margin-bottom: 30px; /* 下外边距30px */
}

/* 文章模块4文章1小图片 */
.mg-posts-modul-4 .mg-post-1 .img-small-post {
 margin: 0; /* 无外边距 */
}

/* 文章模块4文章1小图片和图片 */
.mg-posts-modul-4 .mg-post-1 .img-small-post,
.mg-posts-modul-4 .mg-post-1 img {
 height: 300px; /* 高度300px */
 width: 100%; /* 宽度100% */
 float: none; /* 无浮动 */
}

/* 文章模块4文章1小文章内容 */
.mg-posts-modul-4 .mg-post-1 .small-post-content {
 padding: 20px; /* 内边距20px */
 position: absolute; /* 绝对定位 */
 bottom: 0; /* 底部0 */
 background: linear-gradient(to bottom,rgba(0,0,0,0) 40%,rgba(0,0,0,.75) 100%); /* 线性渐变 */
}

/* 文章模块4文章1标题 */
.mg-posts-modul-4 .mg-post-1 h5 {
 font-size: 22px; /* 字体大小22px */
 line-height: 1.2; /* 行高1.2 */
 font-weight: 700; /* 字体粗细700 */
 margin-bottom: 10px; /* 下外边距10px */
 letter-spacing: -0.05em; /* 字间距-0.05em */
}

/* 特色文章1 */
.featured-post-1 {
 display: none; /* 隐藏 */
}

/*
--------------------------------------
=========================================
 4. 面包屑导航区域
=========================================
-----------------------------------------
*/
/* 面包屑导航区域 */
.mg-breadcrumb-section {
 height: 100%; /* 高度100% */
 margin: 0 0 0px; /* 无外边距 */
 overflow: hidden; /* 隐藏溢出 */
 padding: 0; /* 无内边距 */
 width: 100%; /* 宽度100% */
 box-shadow: 0 1px 3px rgba(0,0,0,0.15); /* 阴影效果 */
}

/* 面包屑导航覆盖层 */
.mg-breadcrumb-section .overlay {
 height: 100%; /* 高度100% */
 padding: 30px 0; /* 上下内边距30px */
 position: relative; /* 相对定位 */
 width: 100%; /* 宽度100% */
}

/* 面包屑导航标题 */
.mg-breadcrumb-title h1 {
 font-size: 30px; /* 字体大小30px */
 font-weight: 700; /* 字体粗细700 */
 margin: 0; /* 无外边距 */
 line-height: 30px; /* 行高30px */
 padding-bottom: 0px; /* 无下内边距 */
}

/* 页面面包屑导航 */
.mg-page-breadcrumb {
 list-style: none outside none; /* 无列表样式 */
 margin-bottom: 0; /* 无下外边距 */
 padding: 0; /* 无内边距 */
 text-align: left; /* 左对齐 */
 font-size: 15px; /* 字体大小15px */
 line-height: 30px; /* 行高30px */
}

/* 页面面包屑导航列表项 */
.mg-page-breadcrumb > li {
 display: inline-block; /* 内联块显示 */
}

/* 页面面包屑导航分隔符 */
.mg-page-breadcrumb > li + li:before {
 content: "\f178"; /* FontAwesome分隔符 */
 font-family: fontawesome; /* 字体族 */
 padding: 0 5px; /* 内边距 */
}

/*
--------------------------------------
=========================================
 5. 侧边栏
=========================================
-----------------------------------------
*/
/* 侧边栏链接 */
.mg-sidebar a {
 transition: all 0.3s ease 0s; /* 过渡效果 */
}

/* 侧边栏小工具 */
.mg-sidebar .mg-widget {
 padding: 20px; /* 内边距20px */
 background: #fff; /* 白色背景 */
}

/* 侧边栏小工具栅格 */
.mg-sidebar .mg-widget .col-md-6 {
 width: inherit; /* 继承宽度 */
}

/* 侧边栏小工具背景容器 */
.mg-sidebar .mg-widget .wd-back {
 padding: 0; /* 无内边距 */
}

/* 小工具广告 */
.mg-widget .mg-ads {
 padding: 0; /* 无内边距 */
 margin: 0px; /* 无外边距 */
}

/* 小工具广告图片 */
.mg-widget.mg-ads img {
 text-align: center; /* 文字居中 */
 padding: 0; /* 无内边距 */
 width: 100%; /* 宽度100% */
}

/* 小工具按钮 */
.mg-widget .btn {
 padding: 2px 12px; /* 内边距 */
 border: none; /* 无边框 */
 border-radius: 0; /* 无圆角 */
 height: 40px; /* 高度40px */
}

/* 小工具 */
.mg-widget {
 margin-bottom: 30px; /* 下外边距30px */
 padding: 0; /* 无内边距 */
 border-width: 1px; /* 边框宽度1px */
 border-style: solid; /* 实线边框 */
}

/* 小工具列表 */
.mg-widget ul {
 padding: 0; /* 无内边距 */
 list-style: none; /* 无列表样式 */
}

/* 小工具最后一个列表项 */
.mg-widget ul li:last-child {
 border: none; /* 无边框 */
}

/* 小工具列表项 */
.mg-widget ul li {
 display: block; /* 块级显示 */
 overflow: hidden; /* 隐藏溢出 */
 padding: 0; /* 无内边距 */
 border-width: 0 0 1px 0; /* 下边框1px */
 border-style: solid; /* 实线边框 */
}

/* 小工具标题 */
.mg-wid-title {
 font-weight: bold; /* 粗体 */
 margin: 0 0 20px 0; /* 下外边距20px */
 position: relative; /* 相对定位 */
 padding: 0; /* 无内边距 */
 border-bottom: 2px solid rgba(0, 0, 0, 0.05); /* 下边框2px实线浅黑色 */
}

/* 小工具标题2 */
.mg-widget h2 {
 font-size: 15px; /* 字体大小15px */
 line-height: 20px; /* 行高20px */
}

/* 小工具标题6 */
.mg-widget h6 {
 line-height: 25px; /* 行高25px */
 font-weight: 800; /* 字体粗细800 */
 font-size: 18px; /* 字体大小18px */
 margin-bottom: 0; /* 无下外边距 */
}

/* 小工具标题背景 */
.mg-wid-title span.bg {
 display: inline-block; /* 内联块显示 */
 padding: 5px 10px; /* 内边距 */
 position: relative; /* 相对定位 */
}

/* 小工具列表项 */
.mg-widget ul li {
 padding: 9px 0; /* 上下内边距9px */
 position: relative; /* 相对定位 */
 transition: all 0.4s ease-in-out 0s; /* 过渡效果 */
}

/* 小工具列表项悬停 */
.mg-widget ul li a:hover {
 transition: all 0.4s ease-in-out 0s; /* 过渡效果 */
}

/* 小工具菜单子菜单 */
.mg-widget ul.menu li .sub-menu {
 margin-left: 15px; /* 左外边距15px */
}

/* 小工具菜单子菜单列表项 */
.mg-widget ul.menu li .sub-menu li {
 border-bottom: none; /* 无下边框 */
 padding: 10px 0 0; /* 上内边距10px */
}

/* 小工具搜索按钮 */
.mg-widget.widget_search .btn {
 border: medium none; /* 无边框 */
 border-radius: 0; /* 无圆角 */
 height: 40px; /* 高度40px */
 line-height: 25px; /* 行高25px */
 padding: 5px 15px; /* 内边距 */
 transition: all 0.3s ease 0s; /* 过渡效果 */
}

/* 分类小工具列表项 */
.mg-category-widget ul li {
 padding: 10px 0; /* 上下内边距10px */
 position: relative; /* 相对定位 */
 transition: all 0.4s ease-in-out 0s; /* 过渡效果 */
 border-width: 0 0 1px 0; /* 下边框1px */
 border-style: solid; /* 实线边框 */
}

/* 分类小工具列表项悬停 */
.mg-category-widget ul li a:hover {
 padding-left: 1px; /* 左内边距1px */
 transition: all 0.4s ease-in-out 0s; /* 过渡效果 */
}

/* 小工具标签云 */
.mg-widget .mg-widget-tags, 
.mg-widget .tagcloud {
 margin: 0 0 10px; /* 下外边距10px */
 overflow: hidden; /* 隐藏溢出 */
 padding: 0; /* 无内边距 */
}

/* 小工具标签云链接 */
.mg-widget .mg-widget-tags a, 
.mg-widget .tagcloud a {
 cursor: pointer; /* 鼠标指针 */
 display: inline-block; /* 内联块显示 */
 font-size: 11px !important; /* 字体大小11px */
 font-weight: 400; /* 字体粗细400 */
 line-height: 20px; /* 行高20px */
 margin: 0 5px 9px 0; /* 外边距 */
 padding: 3px 6px; /* 内边距 */
 transition: all 0.4s ease-in-out 0s; /* 过渡效果 */
 border-radius: 0; /* 无圆角 */
 text-transform: capitalize; /* 首字母大写 */
 border-width: 1px; /* 边框宽度1px */
 border-style: solid; /* 实线边框 */
}

/* 小工具标签云悬停 */
.mg-widget-tags a:hover, 
.mg-widget .tagcloud a:hover {
 transition: all 0.4s ease-in-out 0s; /* 过渡效果 */
}

/* 日历包装器 */
.mg-widget .calendar_wrap table {
 width: 100%; /* 宽度100% */
 font-size: 11px; /* 字体大小11px */
}

/* 日历包装器表格标题 */
.mg-widget .calendar_wrap table caption {
 border-radius: 2px; /* 圆角2px */
 font-size: 16px; /* 字体大小16px */
 font-weight: 500; /* 字体粗细500 */
 line-height: 35px; /* 行高35px */
 margin-bottom: 0; /* 无下外边距 */
 padding: 5px 12px; /* 内边距 */
 text-align: center; /* 文字居中 */
 border-width: 1px; /* 边框宽度1px */
 border-style: solid; /* 实线边框 */
}

/* 日历包装器表格头部 */
.mg-widget .calendar_wrap table thead th {
 border-width: 1px; /* 边框宽度1px */
 border-style: solid; /* 实线边框 */
 text-align: center; /* 文字居中 */
}

/* 日历包装器表格主体悬停 */
.mg-widget .calendar_wrap table tbody td:hover, 
.mg-widget .calendar_wrap table tbody #today:hover {
 transition: all 0.3s ease 0s; /* 过渡效果 */
}

/* 日历包装器表格底部 */
.mg-widget .calendar_wrap table tfoot {
 border-width: 1px; /* 边框宽度1px */
 border-style: solid; /* 实线边框 */
}

/* 小工具日历包装器表格头部 */
.mg-widget .mg-widget .calendar_wrap table thead th {
 text-align: center; /* 文字居中 */
 padding: 6px 0; /* 上下内边距6px */
}

/* 小工具日历包装器表格主体 */
.mg-widget .calendar_wrap table tbody td {
 line-height: 2.5em; /* 行高2.5em */
 transition: background 0.15s ease 0s; /* 背景过渡 */
 text-align: center; /* 文字居中 */
 border-width: 1px; /* 边框宽度1px */
 border-style: solid; /* 实线边框 */
}

/* 小工具日历包装器表格底部 */
.mg-widget .calendar_wrap table tfoot {
 font-size: 11px; /* 字体大小11px */
}

/* 小工具日历包装器表格底部上一页 */
.mg-widget .calendar_wrap table tfoot tr td#prev {
 padding: 5px; /* 内边距5px */
 text-transform: uppercase; /* 大写字母 */
}

/* 小工具日历包装器表格底部下一页 */
.mg-widget .calendar_wrap table tfoot tr td#next {
 padding: 5px; /* 内边距5px */
 text-align: right; /* 右对齐 */
 text-transform: uppercase; /* 大写字母 */
}

/* WooCommerce产品搜索小工具按钮 */
.mg-widget.widget_product_search .btn {
 padding: 2px 12px; /* 内边距 */
 height: 40px; /* 高度40px */
 border-radius: 0; /* 无圆角 */
 margin-left: -1px; /* 左外边距-1px */
}

/* 小工具自定义分类列表 */
.mg-widget .custom-cate-list ul li a {
 min-height: 100px; /* 最小高度100px */
 border-radius: 5px; /* 圆角5px */
 background-position: center center; /* 背景居中 */
 background-size: cover; /* 背景覆盖 */
 background-repeat: no-repeat; /* 背景不重复 */
 display: flex; /* 弹性布局 */
 justify-content: space-between; /* 两端对齐 */
 align-items: center; /* 垂直居中 */
 position: relative; /* 相对定位 */
 overflow: hidden; /* 隐藏溢出 */
 padding: 20px; /* 内边距20px */
 color: #fff; /* 文字颜色白色 */
 font-weight: 600; /* 字体粗细600 */
}

/* 小工具自定义分类列表跨度 */
.mg-widget .custom-cate-list ul li a span {
 color: #fff; /* 文字颜色白色 */
 position: relative; /* 相对定位 */
}

/* 小工具自定义分类列表徽章 */
.mg-widget .custom-cate-list ul li a span.badge {
 background: #fff; /* 背景色白色 */
 color: #000; /* 文字颜色黑色 */
 width: 40px; /* 宽度40px */
 height: 40px; /* 高度40px */
 line-height: 35px; /* 行高35px */
}

/* 小工具自定义分类列表前缀 */
.mg-widget .custom-cate-list ul li a::before {
 position: absolute; /* 绝对定位 */
 width: 100%; /* 宽度100% */
 height: 100%; /* 高度100% */
 left: 0; /* 左侧0 */
 right: 0; /* 右侧0 */
 content: ""; /* 内容为空 */
 background: rgba(0,0,0,0.3); /* 背景色半透明黑色 */
}

/*
--------------------------------------
=========================================
 6. 错误页面
=========================================
-----------------------------------------
*/
/* 404错误页面标题 */
.mg-error-404 h1 {
 font-size: 100px; /* 字体大小100px */
 line-height: 80px; /* 行高80px */
}

/* 404错误页面标题图标 */
.mg-error-404 h1 i {
 padding: 5px; /* 内边距5px */
 text-shadow: 1px 3px 8px rgba(0, 0, 0, 0.17); /* 文字阴影 */
}

/* 404错误页面副标题 */
.mg-error-404 h4 {
 line-height: 40px; /* 行高40px */
}

/* 404错误页面段落 */
.mg-error-404 p {
 line-height: 30px; /* 行高30px */
}

/*
--------------------------------------
=========================================
 7. 页脚
=========================================
-----------------------------------------
*/
/* 页脚 */
footer {
 background-size: cover; /* 背景覆盖 */
}

/* 页脚覆盖层 */
footer .overlay {
 padding: 40px 0 0 0; /* 上内边距40px */
}

/* 页脚联系小工具 */
footer .newses_contact_widget .col-md-12 {
 padding: 0; /* 无内边距 */
}

/* 页脚小工具 */
footer .mg-widget {
 border-width: 0; /* 无边框宽度 */
 border-style: solid; /* 实线边框 */
}

/* 页脚小工具标题6 */
footer .mg-widget h6 {
 font-size: 18px; /* 字体大小18px */
 font-weight: 600; /* 字体粗细600 */
 border-width: 0; /* 无边框宽度 */
 border-style: solid; /* 实线边框 */
 margin-bottom: 5px; /* 下外边距5px */
 padding: 12px 0 0 0; /* 上内边距12px */
 position: relative; /* 相对定位 */
 letter-spacing: 1px; /* 字间距1px */
 text-transform: capitalize; /* 首字母大写 */
}

/* 页脚小工具列表 */
footer .mg-widget ul {
 padding: 0; /* 无内边距 */
 list-style: none; /* 无列表样式 */
}

/* 页脚小工具列表项 */
footer .mg-widget ul li {
 display: block; /* 块级显示 */
 overflow: hidden; /* 隐藏溢出 */
 padding: 0; /* 无内边距 */
 border-width: 0 0 1px 0; /* 下边框1px */
 border-style: solid; /* 实线边框 */
}

/* 页脚小工具列表项 */
footer .mg-widget ul li {
 padding: 8px 0; /* 上下内边距8px */
 position: relative; /* 相对定位 */
}

/* 页脚小工具第一个列表项 */
footer .mg-widget ul li:first-child {
 padding-top: 0; /* 无上内边距 */
}

/* 页脚小工具最后一个列表项 */
footer .mg-widget ul li:last-child {
 border-bottom: none; /* 无下边框 */
}

/* 页脚联系表单 */
footer .mg-widget .wpcf7-form .wpcf7-form-control {
 border: none; /* 无边框 */
}

/* 页脚底部区域 */
footer .mg-footer-bottom-area {
 padding-bottom: 30px; /* 下内边距30px */
}

/* 页脚底部区域分隔线 */
footer .mg-footer-bottom-area .divide-line {
 margin-bottom: 40px; /* 下外边距40px */
 height: 2px; /* 高度2px */
 width: 100%; /* 宽度100% */
 background: #1a182e; /* 背景色深紫色 */
}

/* 页脚底部区域自定义Logo */
footer .mg-footer-bottom-area .custom-logo {
 width: 160px; /* 宽度160px */
 height: auto; /* 高度自适应 */
}

/* 页脚底部区域默认按钮 */
footer .mg-footer-bottom-area .btn-default > .btn {
 padding: 10px 30px; /* 内边距 */
 line-height: 17px; /* 行高17px */
 margin-right: -4px; /* 右外边距-4px */
}

/* 页脚版权区域 */
footer .mg-footer-copyright {
 padding: 25px 0; /* 上下内边距25px */
}

/* 页脚版权文字和链接 */
footer .mg-footer-copyright p, 
footer .mg-footer-copyright a {
 font-size: 13px; /* 字体大小13px */
 line-height: 45px; /* 行高45px */
 margin: 0; /* 无外边距 */
}

/*
--------------------------------------
=========================================
 社交媒体
=========================================
-----------------------------------------
*/
/* 社交媒体 */
.mg-social {
 padding: 0px; /* 无内边距 */
 margin: 0; /* 无外边距 */
}

/* 社交媒体列表项 */
.mg-social li {
 display: inline-block !important; /* 内联块显示 */
 margin-right: 0; /* 无右外边距 */
 border-bottom: none !important; /* 无下边框 */
}

/* 社交媒体链接悬停 */
.mg-social li a:hover {
 padding-left: 0; /* 无左内边距 */
}

/* 社交媒体图标容器 */
.mg-social li span.icon-soci {
 display: inline-block; /* 内联块显示 */
 height: 30px; /* 高度30px */
 line-height: 30px; /* 行高30px */
 margin: 0; /* 无外边距 */
 text-align: center; /* 文字居中 */
 width: 30px; /* 宽度30px */
 border-radius: 3px; /* 圆角3px */
}

/* 社交媒体图标容器悬停 */
.mg-social li span.icon-soci:hover {
 transition: all 0.4s ease-in-out 0s; /* 过渡效果 */
}

/* 社交媒体图标 */
.mg-social li span.icon-soci i {
 font-size: 14px; /* 字体大小14px */
 padding: 0; /* 无内边距 */
}

/* WordPress作者小工具 */
/*** WordPress ****/
.mg-widget .mg-author .rounded-circle {
 width: 180px; /* 宽度180px */
 height: 180px; /* 高度180px */
 padding: 6px; /* 内边距6px */
 margin-bottom: 20px; /* 下外边距20px */
 border: 4px solid #C70909; /* 边框4px实线红色 */
 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 
             0 3px 1px -2px rgba(0, 0, 0, 0.2), 
             0 1px 5px 0 rgba(0, 0, 0, 0.12); /* 多重阴影 */
}

/* WordPress作者小工具 */
.mg-widget .mg-author {
 border: 3px solid #eee; /* 边框3px实线浅灰色 */
 padding: 10px; /* 内边距10px */
 border-radius: 5px; /* 圆角5px */
}

/* WordPress文章作者 */
/*** WordPress ****/
.bypostauthor {}

/* WordPress图片说明 */
.wp-caption {
 margin-bottom: calc(1.5 * 1rem); /* 下外边距1.5rem */
}

/* WordPress图片说明图片 */
.wp-caption img[class*="wp-image-"] {
 display: block; /* 块级显示 */
 margin-left: auto; /* 左外边距自动 */
 margin-right: auto; /* 右外边距自动 */
}

/* WordPress图片说明文字 */
.wp-caption-text {
 font-size: 0.8125rem; /* 字体大小0.8125rem */
 font-style: italic; /* 斜体 */
 line-height: 1.6; /* 行高1.6 */
 margin: 0; /* 无外边距 */
 padding: 0.5rem !important; /* 内边距0.5rem */
 text-align: center; /* 文字居中 */
}

/* WordPress图片说明文字链接悬停 */
.wp-caption-text a:hover {
 color: #01012f; /* 文字颜色深蓝色 */
}

/* WordPress图片说明和画廊说明 */
.wp-caption, 
.gallery-caption {
 max-width: 100%; /* 最大宽度100% */
}

/* 画廊样式 */
/*------- Gallery ------*/
.gallery {
 display: flex; /* 弹性布局 */
 flex-flow: row wrap; /* 水平排列换行 */
 justify-content: center; /* 居中对齐 */
 margin-bottom: calc(1.5 * 1rem); /* 下外边距1.5rem */
}

/* 画廊项目 */
.gallery-item {
 display: inline-block; /* 内联块显示 */
 margin-right: 16px; /* 右外边距16px */
 margin-bottom: 16px; /* 下外边距16px */
 text-align: center; /* 文字居中 */
 vertical-align: top; /* 垂直对齐顶部 */
 width: 100%; /* 宽度100% */
}

/* 2列画廊项目 */
.gallery-columns-2 .gallery-item {
 max-width: calc((100% - 16px * 1) / 2); /* 最大宽度计算 */
}

/* 2列画廊项目第2n+2个 */
.gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
 margin-right: 0; /* 无右外边距 */
}

/* 3列画廊项目 */
.gallery-columns-3 .gallery-item {
 max-width: calc((100% - 16px * 2) / 3); /* 最大宽度计算 */
}

/* 3列画廊项目第3n+3个 */
.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
 margin-right: 0; /* 无右外边距 */
}

/* 4列画廊项目 */
.gallery-columns-4 .gallery-item {
 max-width: calc((100% - 16px * 3) / 4); /* 最大宽度计算 */
}

/* 4列画廊项目第4n+4个 */
.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
 margin-right: 0; /* 无右外边距 */
}

/* 5列画廊项目 */
.gallery-columns-5 .gallery-item {
 max-width: calc((100% - 16px * 4) / 5); /* 最大宽度计算 */
}

/* 5列画廊项目第5n+5个 */
.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
 margin-right: 0; /* 无右外边距 */
}

/* 6列画廊项目 */
.gallery-columns-6 .gallery-item {
 max-width: calc((100% - 16px * 5) / 6); /* 最大宽度计算 */
}

/* 6列画廊项目第6n+6个 */
.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
 margin-right: 0; /* 无右外边距 */
}

/* 7列画廊项目 */
.gallery-columns-7 .gallery-item {
 max-width: calc((100% - 16px * 6) / 7); /* 最大宽度计算 */
}

/* 7列画廊项目第7n+7个 */
.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
 margin-right: 0; /* 无右外边距 */
}

/* 8列画廊项目 */
.gallery-columns-8 .gallery-item {
 max-width: calc((100% - 16px * 7) / 8); /* 最大宽度计算 */
}

/* 8列画廊项目第8n+8个 */
.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
 margin-right: 0; /* 无右外边距 */
}

/* 9列画廊项目 */
.gallery-columns-9 .gallery-item {
 max-width: calc((100% - 16px * 8) / 9); /* 最大宽度计算 */
}

/* 9列画廊项目第9n+9个 */
.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
 margin-right: 0; /* 无右外边距 */
}

/* 画廊最后一个项目 */
.gallery-item:last-of-type {
 padding-right: 0; /* 无右内边距 */
}

/* 画廊说明 */
.gallery-caption {
 display: block; /* 块级显示 */
 font-size: 0.71111rem; /* 字体大小0.71111rem */
 line-height: 1.6; /* 行高1.6 */
 margin: 0; /* 无外边距 */
 padding: 0.5rem; /* 内边距0.5rem */
}

/* 画廊项目内部链接 */
.gallery-item > div > a {
 display: block; /* 块级显示 */
 line-height: 0; /* 行高0 */
 box-shadow: 0 0 0 0 transparent; /* 透明阴影 */
}

/* 画廊项目内部链接聚焦 */
.gallery-item > div > a:focus {
 box-shadow: 0 0 0 2px #e9e9e9; /* 阴影效果 */
}

/* 画廊项目 */
.gallery .gallery-item {
 margin-top: 0 !important; /* 无上外边距 */
}

/* 画廊项目图片 */
.gallery .gallery-item img {
 border: 2px solid #e9e9e9 !important; /* 边框2px实线浅灰色 */
}

/* WordPress块画廊 */
.wp-block-gallery {
 margin: 0; /* 无外边距 */
}

/* 块画廊项目 */
.blocks-gallery-item figure {
 position: relative; /* 相对定位 */
 overflow: hidden; /* 隐藏溢出 */
 margin: 0; /* 无外边距 */
}

/* 地址图标 */
/*Address*/
address i {
 width: 1.563rem; /* 宽度1.563rem */
 height: auto; /* 高度自适应 */
 margin-right: 0.438rem; /* 右外边距0.438rem */
 font-size: 1.25rem !important; /* 字体大小1.25rem */
}

/*
--------------------------------------
=========================================
 8. 滚动
=========================================
-----------------------------------------
*/
/* 返回顶部按钮 */
.ta_upscr {
 bottom: 2%; /* 底部2% */
 display: none; /* 隐藏 */
 height: 40px; /* 高度40px */
 opacity: 1; /* 不透明度1 */
 overflow: hidden; /* 隐藏溢出 */
 position: fixed; /* 固定定位 */
 right: 10px; /* 右侧10px */
 text-align: center; /* 文字居中 */
 width: 40px; /* 宽度40px */
 z-index: 9999; /* 层级9999 */
 border-radius: 0; /* 无圆角 */
 border-width: 2px; /* 边框宽度2px */
 border-style: solid; /* 实线边框 */
 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 
             0 3px 1px -2px rgba(0, 0, 0, 0.2), 
             0 1px 5px 0 rgba(0, 0, 0, 0.12); /* 多重阴影 */
}

/* 返回顶部按钮悬停 */
.ta_upscr:hover {
 opacity: 1; /* 不透明度1 */
}

/* 返回顶部按钮图标 */
.ta_upscr i {
 font-size: 16px; /* 字体大小16px */
 line-height: 40px; /* 行高40px */
}

/* 返回顶部按钮悬停聚焦 */
.ta_upscr:hover, 
.ta_upscr:focus {
 border-width: 2px; /* 边框宽度2px */
 border-style: solid; /* 实线边框 */
 transition: all 0.3s ease 0s; /* 过渡效果 */
}

/* WooCommerce样式 */
/*----woocommerce----*/
/* WooCommerce v2.3.5 */
*:focus {
 outline: 0; /* 无轮廓 */
}

/* WooCommerce标题2 */
.woocommerce h2 {
 font-size: 22px; /* 字体大小22px */
}

/* WooCommerce标题3 */
.woocommerce h3 {
 font-size: 20px; /* 字体大小20px */
}

/* 产品促销标签 */
/*----product----*/
.woocommerce .products span.onsale, 
.woocommerce span.onsale {
 border-radius: 0; /* 无圆角 */
 display: block; /* 块级显示 */
 font-size: 13px; /* 字体大小13px */
 font-weight: normal; /* 正常字体粗细 */
 line-height: 25px; /* 行高25px */
 margin: 4px !important; /* 外边距4px */
 min-height: 10px; /* 最小高度10px */
 padding: 0 12px; /* 内边距 */
 z-index: 999; /* 层级999 */
}

/* WooCommerce促销标签 */
.woocommerce span.onsale {
 margin: 10px !important; /* 外边距10px */
}

/* WooCommerce产品列表项 */
.woocommerce ul.products li.product {
 text-align: center; /* 文字居中 */
 padding-bottom: 20px; /* 下内边距20px */
 transition: all 0.4s ease 0s; /* 过渡效果 */
 border-radius: 0; /* 无圆角 */
 border-width: 1px; /* 边框宽度1px */
 border-style: solid; /* 实线边框 */
 border-color: #eaeaea; /* 边框颜色浅灰色 */
 background: #fff; /* 白色背景 */
 box-shadow: 0 1px 3px rgba(0,0,0,0.15); /* 阴影效果 */
}

/* WooCommerce产品列表项悬停 */
.woocommerce ul.products li.product:hover {
}

/* WooCommerce产品列表项图片悬停 */
.woocommerce ul.products li.product a img:hover {
 opacity: 0.6; /* 不透明度0.6 */
}

/* WooCommerce产品排序选择 */
.woocommerce-page .woocommerce-ordering select {
 padding: 12px 15px 12px 10px; /* 内边距 */
 color: #A0A0A0; /* 文字颜色灰色 */
 border: 1px solid rgba(0, 0, 0, 0.1); /* 边框1px实线浅黑色 */
 border-radius: 0; /* 无圆角 */
}

/* WooCommerce产品列表第一链接 */
.woocommerce-page .products .product > a:first-child {
 position: relative; /* 相对定位 */
 text-align: center; /* 文字居中 */
 display: block; /* 块级显示 */
}

/* WooCommerce产品列表按钮 */
.woocommerce-page .products a.button {
 display: inline-block; /* 内联块显示 */
 text-align: center; /* 文字居中 */
 padding: 18px 35px 13px 35px; /* 内边距 */
 border-radius: 4px; /* 圆角4px */
 margin: 10px; /* 外边距10px */
 border: none; /* 无边框 */
 font-weight: bold; /* 粗体 */
 font-size: 12px; /* 字体大小12px */
 margin: 0 auto !important; /* 水平居中 */
}

/* WooCommerce产品列表按钮悬停 */
.woocommerce-page .products a.button:hover {
 box-shadow: 0 4px 20px -5px rgba(0,0,0,0.5); /* 阴影效果 */
}

/* WooCommerce产品列表标题3 */
.woocommerce-page .products h3 {
 position: relative; /* 相对定位 */
 display: inline-block; /* 内联块显示 */
 margin-bottom: 30px; /* 下外边距30px */
 font-weight: bold; /* 粗体 */
 font-size: 12px; /* 字体大小12px */
 line-height: 25px; /* 行高25px */
 float: none; /* 无浮动 */
 width: auto; /* 宽度自适应 */
 margin: 0; /* 无外边距 */
}

/* WooCommerce产品列表星级评分 */
.woocommerce-page .products .star-rating {
 position: relative; /* 相对定位 */
 margin: 0 auto; /* 水平居中 */
}

/* WooCommerce产品列表价格 */
.woocommerce-page .products a .price {
 line-height: 20px; /* 行高20px */
 width: 100%; /* 宽度100% */
 float: left; /* 左浮动 */
 height: auto; /* 高度自适应 */
 min-height: 40px; /* 最小高度40px */
 text-align: center; /* 文字居中 */
 padding: 10px 0; /* 上下内边距10px */
}

/* WooCommerce产品列表删除价格 */
.woocommerce-page .products a .price del {
 display: inline-block !important; /* 内联块显示 */
 line-height: 20px; /* 行高20px */
}

/* WooCommerce产品列表插入价格 */
.woocommerce-page .products a .price ins {
 display: inline-block; /* 内联块显示 */
 font-weight: bold; /* 粗体 */
 background: none; /* 无背景 */
 line-height: 20px; /* 行高20px */
 margin-left: 10px; /* 左外边距10px */
}

/* WooCommerce产品列表已添加到购物车 */
.woocommerce-page .products .added_to_cart {
 display: inline-block; /* 内联块显示 */
 text-align: center; /* 文字居中 */
 padding: 10px 20px 10px 20px; /* 内边距 */
 border-radius: 4px; /* 圆角4px */
 border: none; /* 无边框 */
 font-size: 12px; /* 字体大小12px */
 margin: 0; /* 无外边距 */
}

/* WooCommerce结果计数 */
.woocommerce-page .woocommerce-result-count {
 float: left; /* 左浮动 */
 font-size: 14px; /* 字体大小14px */
 line-height: 46px; /* 行高46px */
 margin-top: 20px; /* 上外边距20px */
}

/* WooCommerce产品排序 */
.woocommerce-page .woocommerce-ordering {
 float: right; /* 右浮动 */
 margin-top: 20px; /* 上外边距20px */
}

/* WooCommerce简单产品 */
.woocommerce-page .product-type-simple {
 position: relative; /* 相对定位 */
}

/* WooCommerce购物车结账按钮 */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
 font-size: inherit; /* 继承字体大小 */
}

/* 页脚小工具WooCommerce列表图片 */
footer .mg-widget .woocommerce ul.cart_list li img, 
footer .mg-widget .woocommerce ul.product_list_widget li img {
 margin-top: 7px; /* 上外边距7px */
}

/* WooCommerce标签 */
/*woocommerce-tabs*/
.tabs.wc-tabs {
 text-align: center; /* 文字居中 */
}

/* WooCommerce产品标签前后缀 */
.woocommerce div.product .woocommerce-tabs ul.tabs li::before, 
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, 
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
 display: none; /* 隐藏 */
}

/* WooCommerce产品活跃标签 */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
 border-width: 0 0 1px 0; /* 下边框1px */
 border-style: solid; /* 实线边框 */
}

/* WooCommerce产品标签 */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
 border-radius: 0; /* 无圆角 */
 background: transparent; /* 透明背景 */
}

/* WooCommerce产品标签（重复定义） */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
 border-radius: 0; /* 无圆角 */
 background: transparent; /* 透明背景 */
 border: none; /* 无边框 */
}

/* WooCommerce产品标签面板标题 */
.woocommerce div.product .woocommerce-tabs .panel h2 {
 font-size: 22px; /* 字体大小22px */
 line-height: 25px; /* 行高25px */
}

/* 相关产品 */
.related.products {
 text-align: center; /* 文字居中 */
}

/* 相关产品标题 */
.related.products h2 {
 font-size: 26px; /* 字体大小26px */
 line-height: 40px; /* 行高40px */
}

/* WooCommerce表单 */
/*woocommerce-form*/
.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea {
 height: 40px; /* 高度40px */
 margin-bottom: 20px; /* 下外边距20px */
 border: 2px solid #ebebeb; /* 边框2px实线浅灰色 */
 color: #ccc; /* 文字颜色浅灰色 */
 border-radius: 0px; /* 无圆角 */
 padding: 6px 12px; /* 内边距 */
}

/* Select2容器选择 */
.select2-container .select2-choice {
 height: 40px; /* 高度40px */
 padding: 6px 12px; /* 内边距 */
}

/* WooCommerce购物车 */
/*woocommerce-cart*/
.woocommerce table.shop_table {
 border-radius: 0; /* 无圆角 */
}

/* WooCommerce购物车按钮 */
.woocommerce .cart .button, 
.woocommerce .cart input.button {
 float: none; /* 无浮动 */
 line-height: 30px; /* 行高30px */
 padding: 5px 35px; /* 内边距 */
 border-radius: 4px; /* 圆角4px */
}

/* WooCommerce购物车按钮悬停 */
.woocommerce .cart .button:hover, 
.woocommerce .cart input.button:hover {
 box-shadow: 0 4px 20px -5px rgba(0,0,0,0.5); /* 阴影效果 */
}

/* WooCommerce购物车结账按钮 */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
 line-height: 30px; /* 行高30px */
 padding: 5px 35px; /* 内边距 */
 border-radius: 4px; /* 圆角4px */
}

/* WooCommerce购物车优惠券 */
.woocommerce-cart table.cart td.actions .coupon .input-text {
 border-radius: 3px; /* 圆角3px */
 height: 40px; /* 高度40px */
 border-width: 1px; /* 边框宽度1px */
 border-style: solid; /* 实线边框 */
 min-width: 110px; /* 最小宽度110px */
}

/* WooCommerce支付下单按钮 */
.woocommerce #payment #place_order, 
.woocommerce-page #payment #place_order {
 box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18), 
             0 3px 6px rgba(0, 0, 0, 0.16); /* 多重阴影 */
}

/* WooCommerce消息 */
/*woocommerce-messages*/
.woocommerce-page .woocommerce-message {
 margin: 0px 0 40px; /* 下外边距40px */
 border-radius: 3px; /* 圆角3px */
 list-style: none; /* 无列表样式 */
}

/* WooCommerce消息链接 */
.woocommerce-page .woocommerce-message a {
 padding: 6px 14px; /* 内边距 */
 font-size: 12px; /* 字体大小12px */
}

/* WooCommerce错误消息 */
.woocommerce-page .woocommerce-error {
 list-style: none; /* 无列表样式 */
 padding: 10px 0 10px 50px; /* 内边距 */
 margin: 0px 0 40px; /* 下外边距40px */
 border-radius: 3px; /* 圆角3px */
 border: none; /* 无边框 */
 float: left; /* 左浮动 */
 width: 100%; /* 宽度100% */
}

/* WooCommerce错误消息链接 */
.woocommerce-page .woocommerce-error a {
 padding: 6px 14px; /* 内边距 */
 font-size: 12px; /* 字体大小12px */
}

/* WooCommerce信息消息 */
.woocommerce-page .woocommerce-info {
 list-style: none; /* 无列表样式 */
 padding: 0; /* 无内边距 */
 margin: 0px 0 40px; /* 下外边距40px */
 border-radius: 3px; /* 圆角3px */
 border: none; /* 无边框 */
 float: left; /* 左浮动 */
 width: 100%; /* 宽度100% */
 margin-top: 25px !important; /* 上外边距25px */
}

/* WooCommerce信息消息链接 */
.woocommerce-page .woocommerce-info a {
 padding: 6px 14px; /* 内边距 */
 font-size: 12px; /* 字体大小12px */
}

/* WooCommerce信息消息（重复定义） */
.woocommerce-page .woocommerce-info {
 float: left; /* 左浮动 */
 text-align: left; /* 左对齐 */
 padding-top: 30px; /* 上内边距30px */
}

/* WooCommerce信息消息（重复定义） */
.woocommerce-page .woocommerce .woocommerce-info {
 border-radius: 3px; /* 圆角3px */
 border: none; /* 无边框 */
 padding: 15px 0 15px 50px; /* 内边距 */
 margin-bottom: 40px; /* 下外边距40px */
}

/* WooCommerce信息消息链接（重复定义） */
.woocommerce-page .woocommerce .woocommerce-info a {
 opacity: 0.9; /* 不透明度0.9 */
}

/* WooCommerce分页 */
/*woocommerce-pagination*/
.woocommerce nav.woocommerce-pagination ul {
 border: none; /* 无边框 */
}

/* WooCommerce分页列表项 */
.woocommerce nav.woocommerce-pagination ul li {
 border: none; /* 无边框 */
}

/* WooCommerce分页链接和数字 */
.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span {
 float: left; /* 左浮动 */
 line-height: 1.42857; /* 行高1.42857 */
 margin: 6px; /* 外边距6px */
 padding: 6px 12px; /* 内边距 */
 border-radius: 10px; /* 圆角10px */
}

/* WooCommerce价格筛选 */
/*woocommerce-price-filter*/
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
 background: #1a2128; /* 背景色深灰色 */
}

/* WooCommerce表单 */
/*woocommerce-form*/
.woocommerce .col2-set .col-1, 
.woocommerce-page .col2-set .col-1, 
.woocommerce .col2-set .col-2, 
.woocommerce-page .col2-set .col-2 {
 max-width: 100%; /* 最大宽度100% */
 padding-left: 0; /* 无左内边距 */
 padding-right: 0; /* 无右内边距 */
}

/* WooCommerce表单行包装器 */
.woocommerce form .form-row .woocommerce-input-wrapper {
 width: 100%; /* 宽度100% */
}

/* WooCommerce表单行标签 */
.woocommerce form .form-row label {
 width: 100%; /* 宽度100% */
 clear: both; /* 清除浮动 */
}

/*
--------------------------------------
=========================================
 9. 响应式设计部分
=========================================
-----------------------------------------
*/

/* 大屏幕设备（宽度 ≥ 1200px） */
@media (min-width: 1200px) {
 .container {
  max-width: 1200px; /* 容器最大宽度设置为1100px */
 }
}

/* 中等屏幕设备（宽度 ≤ 1200px） */
@media (max-width: 1200px) {
 #menu-primary li.active.home {
  display: none; /* 隐藏首页激活状态的菜单项 */
 }

 .m-header {
  width: 100%; /* 头部宽度100% */
  padding-right: 15px; /* 右内边距15px */
  padding-left: 15px; /* 左内边距15px */
  display: flex; /* 使用弹性布局 */
  justify-content: space-between; /* 两端对齐 */
 }

 .desk-header {
  display: none; /* 隐藏桌面端头部 */
 }
}

/* 平板设备（宽度 768px - 991px） */
@media (min-width: 768px) and (max-width: 991px) {
 .navbar-header {
  float: none; /* 取消浮动 */
 }
}

/* 手机设备（宽度 320px - 480px） */
@media only screen and (min-width: 320px) and (max-width: 480px) {
 /* 顶部详细信息 */
 .mg-head-detail .info-left {
  float: none; /* 取消浮动 */
  text-align: center; /* 文字居中 */
  margin: 10px 0 17px; /* 上下边距 */
  float: none;
 }

 .mg-head-detail .info-right {
  float: none; /* 取消浮动 */
  text-align: center; /* 文字居中 */
  margin: 10px 0 17px; /* 上下边距 */
  float: none;
 }

 /* 网站logo */
 .navbar-default .navbar-brand {
  margin: 0 auto; /* 水平居中 */
  text-align: center; /* 文字居中 */
 }

 .navbar-wp .navbar-nav > li > a {
  padding: 12px; /* 导航链接内边距 */
 }

 .navbar-wp .navbar-nav > li > a:hover, 
 .navbar-wp .navbar-nav > li > a:focus {
  z-index: 8; /* 提升层级 */
 }

 .navbar-wp .mg-search-box {
  float: left; /* 搜索框左浮动 */
 }

 .mg-search {
  margin: 0 auto; /* 水平居中 */
 }
}

/* 小屏幕设备（宽度 240px - 1179px） */
@media screen and (min-width: 240px) and (max-width: 1179px) {
 .boxed {
  width: auto; /* 盒子宽度自适应 */
 }
} 

/* 超小屏幕设备（宽度 240px - 767px） */
@media screen and (min-width: 240px) and (max-width: 767px) {
 footer .mg-footer-bottom-area {
  text-align: center; /* 页脚底部区域文字居中 */
 }

 footer .mg-footer-bottom-area {
  text-align: center;
 }

 .navbar-brand {
  margin-right: 0; /* 品牌logo右边距为0 */
 } 

 footer .mg-footer-copyright p, 
 footer .mg-footer-copyright a {
  line-height: 2; /* 行高2倍 */
 }

 .xs-mb-30 {
  margin-bottom: 30px; /* 底部边距30px */
 }

 .mg-blog-inner h4.title.lg {
  font-size: 24px; /* 博客标题字体大小24px */
 }

 .small-list-post h5 {
  font-size: 16px; /* 小列表文章标题字体16px */
  font-weight: 500; /* 字体粗细500 */
 } 

 .mg-blog-thumb.sm {
  height: 200px; /* 博客缩略图高度200px */
 } 

 .mg-sec-top-post {
  padding-top: 15px; /* 顶部内边距15px */
 }

 .h-sm img {
  height: inherit; /* 图片高度继承父元素 */
 } 

 .recentarea {
  height: 450px; /* 最新区域高度450px */
 }

 .recentarea-slider {
  height: 350px; /* 最新区域滑块高度350px */
 }

 .br-div {
  display: none; /* 隐藏换行div */
 }

 .top-right-area .nav-tabs > li > a i {
  display: inherit; /* 图标显示继承 */
 }

 .mg-header h1 {
  font-size: 20px; /* 头部h1字体大小20px */
 }

 .missed-inner .mg-blog-post-box {
  margin-bottom: 30px; /* 博客文章盒子底部边距30px */
 }

 /*--------------- ti-slider ---------------*/
 .mg-sidebar {
  margin: 20px 0 0 0; /* 侧边栏上边距20px */
 }

 .text-xs {
  text-align: center !important; /* 强制文字居中 */
 }

 .text-center-xs {
  text-align: center; /* 文字居中 */
 }

 .col-md-4 {
  margin-bottom: 15px; /* 底部边距15px */
 }

 .top-right-area {
  padding: 0; /* 内边距为0 */
 }

 .mg-latest-news .mg-latest-news-slider {
  left: 20px; /* 左偏移20px */
 }

 .mg-latest-news .bn_title h2, 
 .mg-ppr-txnlst strong {
  display: none; /* 隐藏元素 */
 }

 .mr-xs{
  margin-bottom: 30px; /* 底部边距30px */
 }
}

/* WordPress 画廊样式 
------------------------------------------ */
.gallery {
 margin-left: -0.5em; /* 左外边距-0.5em */
 margin-right: -0.5em; /* 右外边距-0.5em */
}

.gallery:after {
 display: table; /* 伪元素显示为表格 */
 content: ""; /* 内容为空 */
 clear: both; /* 清除浮动 */
}

.gallery-item {
 margin: 0; /* 外边距为0 */
 float: left; /* 左浮动 */
 padding: 0.5em; /* 内边距0.5em */
}

.gallery-item img {
 width: 100%; /* 图片宽度100% */
}

/* 不同列数的画廊布局 */
.gallery-columns-1 .gallery-item {
 width: 100%; /* 1列：宽度100% */
 float: none; /* 不浮动 */
}

.gallery-columns-2 .gallery-item {
 width: 50%; /* 2列：宽度50% */
}

.gallery-columns-3 .gallery-item {
 width: 33.3333%; /* 3列：宽度33.3333% */
}

.gallery-columns-4 .gallery-item {
 width: 25%; /* 4列：宽度25% */
}

.gallery-columns-5 .gallery-item {
 width: 20%; /* 5列：宽度20% */
}

.gallery-columns-6 .gallery-item {
 width: 16.6667%; /* 6列：宽度16.6667% */
}

.gallery-columns-7 .gallery-item {
 width: 14.2857%; /* 7列：宽度14.2857% */
}

.gallery-columns-8 .gallery-item {
 width: 12.5%; /* 8列：宽度12.5% */
}

.gallery-columns-9 .gallery-item {
 width: 11.1111%; /* 9列：宽度11.1111% */
}

/* 清除浮动：每行第一个元素 */
.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
 clear: left; /* 清除左浮动 */
}

/* 辅助功能样式
------------------------------------------ */

/* 仅用于屏幕阅读器的文本 */
.screen-reader-text {
 border: 0; /* 无边框 */
 clip: rect(1px, 1px, 1px, 1px); /* 裁剪到1px */
 clip-path: inset(50%); /* 裁剪路径 */
 height: 1px; /* 高度1px */
 margin: -1px; /* 外边距-1px */
 overflow: hidden; /* 隐藏溢出 */
 padding: 0; /* 无内边距 */
 position: absolute !important; /* 绝对定位 */
 width: 1px; /* 宽度1px */
 word-wrap: normal !important; /* 正常换行 */
 /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

/* 屏幕阅读器文本聚焦状态 */
.screen-reader-text:focus {
 background-color: #f1f1f1; /* 背景灰色 */
 border-radius: 3px; /* 圆角3px */
 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); /* 阴影效果 */
 clip: auto !important; /* 自动裁剪 */
 clip-path: none; /* 无裁剪路径 */
 color: #21759b; /* 文字颜色 */
 display: block; /* 显示为块级元素 */
 font-size: 14px; /* 字体大小14px */
 font-size: 0.875rem; /* 字体大小0.875rem */
 font-weight: bold; /* 粗体 */
 height: auto; /* 高度自适应 */
 right: 5px; /* 右偏移5px */
 line-height: normal; /* 正常行高 */
 padding: 15px 23px 14px; /* 内边距 */
 text-decoration: none; /* 无下划线 */
 top: 5px; /* 顶部偏移5px */
 width: auto; /* 宽度自适应 */
 z-index: 100000; /* 高层级，位于WP工具栏之上 */
}

/* 跳过链接目标不显示轮廓 */
#content[tabindex="-1"]:focus {
 outline: 0; /* 无轮廓 */
}

/* 无JavaScript时的屏幕阅读器文本 */
.no-js .some-element .screen-reader-text {
 position: static; /* 静态定位 */
 -webkit-clip-path: none; /* 无裁剪路径 */
 clip-path: none; /* 无裁剪路径 */
 width: auto; /* 宽度自适应 */
 height: auto; /* 高度自适应 */
 margin: 0; /* 无外边距 */
}

/* 分页导航样式 */
.navigation.pagination .nav-links .page-numbers, 
.navigation.pagination .nav-links a {
 background-color: #fff; /* 白色背景 */
 color: #999; /* 灰色文字 */
 cursor: pointer; /* 鼠标指针 */
 display: inline-block; /* 内联块显示 */
 transition: all 0.3s ease 0s; /* 过渡效果 */
 font-size: 18px; /* 字体大小18px */
 line-height: 40px; /* 行高40px */
 margin: 0 6px 10px; /* 外边距 */
 border-radius: 4px; /* 圆角4px */
 padding: 0px; /* 无内边距 */
 vertical-align: baseline; /* 垂直对齐基线 */
 white-space: nowrap; /* 不换行 */
 width: 40px; /* 宽度40px */
 height: 40px; /* 高度40px */
 box-shadow: 0 1px 3px rgba(0,0,0,0.15); /* 阴影 */
 transition: all 0.3s ease 0s; /* 过渡效果 */
 text-decoration: none; /* 无下划线 */
 position: relative; /* 相对定位 */
 float: left; /* 左浮动 */
}

/* 分页第一个元素 */
.navigation.pagination > li:first-child > a, 
.navigation.pagination > li:first-child > span {
 border-radius: 30px; /* 大圆角30px */
}

/* 画廊滑块样式 */
.iscwp-gallery-slider .slick-dots {
 display: none !important; /* 隐藏滑块圆点 */
}

.iscwp-gallery-slider .iscwp-cnt-wrp.slick-slide {
 padding: 0; /* 无内边距 */
 width: 328px !important; /* 宽度328px */
}

/* 中等屏幕设备（宽度 ≤ 1023px） */
@media (max-width: 1023px) {
 .msearch {
  padding: 7px 15px; /* 搜索框内边距 */
 }
}

/* 文章分享图标样式 */
.post-share-icons a {
 float: left; /* 左浮动 */
 margin-left: 4px; /* 左外边距4px */
 border: 1px solid #ebebeb; /* 浅灰色边框 */
 border-radius: 3px; /* 圆角3px */
 box-sizing: border-box; /* 盒子模型 */
 width: 30px; /* 宽度30px */
 height: 30px; /* 高度30px */
 color: var(--post-share-color, var(--share-icons-color)); /* 分享图标颜色 */
 font-size: 13px; /* 字体大小13px */
 line-height: 29px; /* 行高29px */
 text-align: center; /* 文字居中 */
}

.post-share {
 display: flex; /* 弹性布局 */
 width: 100%; /* 宽度100% */
 justify-content: flex-end; /* 右对齐 */
}

.post-share-icons i {
 line-height: inherit; /* 继承行高 */
 color:#fff; /* 白色图标 */
}

/* 博客文章盒子导航链接 */
.mg-blog-post-box .small.single .nav-links {
 display: flex; /* 弹性布局 */
 flex-direction: column; /* 垂直排列 */
 justify-content: space-between; /* 两端对齐 */
 width: 100%; /* 宽度100% */
 flex-flow: row-reverse; /* 反向排列 */
}

.nav-links a {
 font-size: 1rem; /* 字体大小1rem */
 font-weight: 400; /* 正常粗细 */
 letter-spacing: -.02em; /* 字间距 */
 line-height: 1.2; /* 行高1.2 */
 width: 100%; /* 宽度100% */
}

/* WPForms提交按钮样式 */
div.wpforms-container-full .wpforms-form button[type=submit] {
 border: 1px solid #ddd; /* 浅灰色边框 */
 font-size: 1em; /* 字体大小1em */
 padding: 5px 20px; /* 内边距 */
}

/* 图片对齐样式 */
img.alignright {
 float:right; /* 右浮动 */
 margin:0 0 1em 1em; /* 外边距 */
}

img.alignleft {
 float:left; /* 左浮动 */
 margin:0 1em 1em 0; /* 外边距 */
}

img.aligncenter {
 display: block; /* 块级显示 */
 margin-left: auto; /* 左外边距自动 */
 margin-right: auto; /* 右外边距自动 */
}

a img.alignright {
 float:right; /* 链接内图片右浮动 */
 margin:0 0 1em 1em; /* 外边距 */
}

a img.alignleft {
 float:left; /* 链接内图片左浮动 */
 margin:0 1em 1em 0; /* 外边距 */
}

a img.aligncenter {
 display: block; /* 链接内图片块级显示 */
 margin-left: auto; /* 左外边距自动 */
 margin-right: auto; /* 右外边距自动 */
}
/* 隐藏 WPeMatico 版权 */
.wpematico-credit, .wpematico-footer {
    display: none !important;
}