@charset "UTF-8";

.column {
  float: left;
  width: auto;
}
.column-inner {

}
.column-right {
  float: right;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.column-2 {
  width: 50%;
  padding: 0;
}
.column-3 {
  width: 33.33%;
}
.column-3-2 {
  width: 66.66%;
}
.column-4 {
  width: 25%;
}
.column-4-3 {
  width: 75%;
}
.column-5 {
  width: 20%;
}
.column-5-4 {
  width: 80%;
}
.column-6 {
  width: 16.66%;
}
.column-6-5 {
  width: 83.33%;
}
.column-7 {
  width: 14.29%;
}
.column-8 {
  width: 12.22%;
}
.navbar-brand, .header-title {
	padding-top: 0;
	padding-left: 14px;
  }
@media screen and (max-width:600px) {
  .column,.column-2,.column-4,.column-5,.column-6,.column-7,.column-8 {
    width: 100%;
  }
}

/****** 常用排版样式 *********/
img {
    max-width: 100%;
    height: auto;
}
/* 链接 */
.def-link {
	text-decoration:none;
	color:inherit;
}

/* 对齐 */
.text-center {
	text-align:center;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}

/* 按钮 */
.button-19 {
    appearance: button;
    background-color: #1899D6;
    border: solid transparent;
    border-radius: 16px;
    border-width: 0 0 4px;
    box-sizing: border-box;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: din-round, sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 20px;
    margin: 0;
    outline: none;
    overflow: visible;
    padding: 13px 46px;
    text-align: center;
    text-transform: uppercase;
    touch-action: manipulation;
    transform: translateZ(0);
    transition: filter .2s;
    user-select: none;
    -webkit-user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
	text-decoration:none;
}
.button-19, .button-19:focus {
    user-select: auto;
}
.button-19:after {
    background-clip: padding-box;
    background-color: #1CB0F6;
    border: solid transparent;
    border-radius: 16px;
    border-width: 0 0 4px;
    bottom: -4px;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.button-19:hover:not(:disabled) {
    filter: brightness(1.1);
    -webkit-filter: brightness(1.1);
}
blockquote {
    font-size: 1em;
    margin: 20px 0;
    font-family: Open Sans;
    font-style: italic;
    color: #555555;
    padding: 10px 30px 10px 50px;
    border-left: 8px solid #1cb0f6;
    line-height: 1.6;
    position: relative;
    background: #EDEDED;
}
blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:#1cb0f6;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-10px;
}

blockquote::after{
  content: '';
}

blockquote span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}
/* 表格 */
	table {
		width:100%;
		border-collapse: collapse;
        border-spacing: 0;
	}
	table td{
		border:1px solid #444;
		padding:4px 8px;
	}
	table th{
		border:1px solid #444;
		padding:8px;
		font-size:1.2em;
		background-color:#eee;
	}
	table td.plan{
		text-align:center;
		font-weight:700;
		color:#17a86b;
	}
	
	table caption {
        border: 1px solid #444;
        padding: 8px;
        font-size: 1.4em;
        background-color: #325e8e;
        color: #fff;
        font-weight: bold;
	}
	.table2 caption {
        background-color: #5e8e3e;
	}

.navbar-brand .logo {
    margin-right: 10px;
    border-right: 3px solid #111;
    padding-right: 28px;
}

.container-header, .container-footer, .site-grid {
    max-width: 1024px;
    background: #fff;
    margin: 0 auto;
}
.header-title h1 {
	font-size: 2.2em;
	margin:0;
}
.header-title h1 a {
	text-decoration:none;
	color:#000;
}
.header-title h1 a:hover {
	color:#0064c8;
}

.navbar-brand {
	padding:10px 0;
}

ul.mod-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
	border-radius: 10px 10px 0 0;
}

ul.mod-menu li {
    float: left;
}

ul.mod-menu li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
ul.mod-menu li.active a {
    background-color: #111;
}
ul.mod-menu li a:hover {
    background-color: #111;
}
.best {
	position: relative;
	width:478px;
}
.best .btn1 {
    position: absolute;
    left: 286px;
    top: 11px;
    text-decoration: none;
    background: #fff000;
    color: #000;
    padding: 6px 16px;
    border-radius: 8px;
}
.best .btn1:hover {
    background: #f4e716;
	border:1px solid #000;
}
.top-right-out  {
    padding: 0;
}
.top-right {
	text-align: center;
    border: 2px solid #5e8e3e;
    padding: 8px;
    border-radius: 3px;
	margin-top: 3px;
    text-decoration: none;
	color:#000;
    display: block;
	background: #f4f2ed;
}
.top-right-1 {
    font-size: 0.8em;
    line-height: 26px;
	display:block;
}
.top-right-2 {
    color: #fff;
    background: #5e8e3e;
    line-height: 12px;
    border-radius: 4px;
    padding: 8px 10px;
    display: block;
    font-size: 14px;
}
.top-right:hover {
    border: 2px solid #507239;
	color:#507239;
}
.top-right:hover .top-right-2 {
    background: #507239;
}

@media screen and (max-width:600px) {
  .navbar-brand {
    text-align:center;
  }
  .navbar-brand .logo {
	border:none;
	padding:0;
	margin:0;
    padding-right: 60px;
}
  .header-title {
	text-align:center;
}
.header-title h1 {
	font-size: 2.2em;
}
.best {

	width:auto;
}
.best .btn1 {
    top: -50px;
}
.navbar-brand,.top-right-out {
    padding:0;
}
}
ul.mod-menu li.item-104 {
	float:right;
}

/* 设置列表样式 */
ol.breadcrumb {
  padding: 5px 16px;
  list-style: none;
  background-color: #eee;
  border-radius:0 0 10px 10px;
  margin:0;
}

/* 并排显示列表项 */
ol.breadcrumb li {
  display: inline;
  font-size: 0.8em;
}

/* 在每个列表项前后添加斜杠符号 (/) */
ol.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}

/* 为列表内的所有链接添加颜色 */
ol.breadcrumb li a {
  color: #0275d8;
  text-decoration: none;
}

/* 鼠标悬停时添加颜色 */
ol.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}


/********* 文章样式 ************/
.page-header h2 {
	font-size: 2em;
	margin-bottom:2px;
	margin-top: 20px;
}
.com-content-article h3 {
    font-size: 1.4em;
    margin-top: 22px;
    margin-bottom: 0;
    background: transparent;
    color: #2d2d2d;
    font-weight: 700;
    padding-left: 15px;
    padding-bottom: 3px;
    border-bottom: 1px solid #eee;
    position: relative;
}
.com-content-article h3:after {
    content: '';
    position: absolute;
    left: 0;
    margin: auto;
    width: 6px;
    height: 20px;
    background-color: #5e8e3e;
    top: 7px;
}
.com-content-article h4 {
	font-size: 1.2em;
	margin-top:18px;
	margin-bottom:0;
}
.com-content-article h5 {
	font-size: 1.1em;
}
.com-content-article h6 {
	font-size: 1em;
}
.com-content-article img {
    max-width: 100%;
    height: auto;
}
.com-content-article figure {
	margin:0;
	padding:6px;
}
.itemid-106 .com-content-article figure {
	padding:0;
}
.com-content-article figcaption {
	font-size:0.8em
}
.toc-container {
	padding:20px;
}
.toc-container .toc-title {
	font-size:1.4em;
	font-weight:bold;
}
.com-content-article .article-info {
	border-top:1px solid #444;
	border-bottom:1px solid #444;
	padding:10px 0;
}
.com-content-article .article-info a {
	text-decoration:none;
	color:#000;
}
.com-content-article .article-info dt{
    display: inline;
    font-size: 14px;
	font-weight:bold;
}
.com-content-article .article-info dd{
    display: inline;
    font-size: 14px;
    margin:0;
}
.com-content-article .article-info dt+dd:before {
    padding: 8px;
    color:#444;
    content: "|";
}
.com-content-article .article-info dd+dd:before {
    padding: 8px;
    color: #444;
    content: "|";
}
.content-top {
    background: #f8f8f8;
    padding: 6px;
	border-radius: 8px;
}
.content-top img{
	border-radius: 6px;
}

.com-content-article h3+p,.com-content-article h4+p,.com-content-article h5+p,.com-content-article h6+p
 {
	margin-top:6px;
}
.com-content-article .inlinks {
	text-decoration:none;
	color:#000;
}
/* 文章导航 */
.item-page .pagenavigation {
	padding:20px 0;
}
.item-page .pagination:after {
  content: "";
  display: table;
  clear: both;
}
.item-page .pagination .previous {
	float:left;
}
.item-page .pagination .next {
	float:right;
}
.item-page .pagination span {
	display:none;
}
.item-page .pagination span.visually-hidden {
	display:block;
}
.item-page .pagination .btn {
    border: 1px solid #666;
    border-radius: 10px;
    text-decoration: none;
    color: #666;
    padding: 4px 8px;
    font-size: 0.8em;
}
.item-page .pagination .btn:hover {
    border: 1px solid #000;
    color: #000;
}
/* 分页 */
.com-content-category-blog  ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0 0 25px;
}

.com-content-category-blog ul.pagination li {display: inline;}

.com-content-category-blog ul.pagination li a {

    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
}

.com-content-category-blog .pagination li:first-child a,
.com-content-category-blog .pagination li.disabled:first-child > span {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.com-content-category-blog .pagination li:last-child a,
.com-content-category-blog .pagination li.disabled:last-child > span  {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.com-content-category-blog ul.pagination li a.active {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
}
.com-content-category-blog .disabled .page-link {
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
	background:#f9fafb;
	color:color(srgb 0.13 0.15 0.16 / 0.75);
}

.com-content-category-blog ul.pagination li a:hover:not(.active) {background-color: #ddd;}
.icon-angle-double-left:after {
    content: "«";
}
.icon-angle-left:after {
    content: "<";
}
.icon-angle-right:after {
    content: ">";
}
.icon-angle-double-right:after {
    content: "»";
}

/********* 博客样式 ************/
figure.item-image {
    margin: 0;
    padding: 10px 40px 10px 0;
}
.blog-item {
    border-top: 1px solid #555;
}
.items-leading .blog-item {
    border-top:none;
}
.blog-item h2{
    font-size:1.6em;
}
.shopify-site .com-content-category-blog>.page-header h2 {
	margin-bottom:26px;
}
.layout-ycshopshop .blog-item .page-header h3 {
	font-size:1.4em;
}

/********* 首页样式 ************/
.home .hero {

}
.home h2 , .home h2.page-header {
	font-size:1.8em;
    margin-bottom: 2px;
    margin-top: 20px;
}
.home .hero figure {
	margin:0;
	padding:0;
}
.btn-p {
    display: block;
    background: #f6f6f1;
    padding: 10px;
    border-radius: 10px;
}
.btn-p .button-19 {
	float:left;
}
.btn-p .text {
    font-size: 14px;
    color: #777;
    margin-left: 15px;
    margin-top: 5px;
    display: inline-block;
}
@media screen and (max-width:600px) {
  .home .hero .column-4 {
    width:25%;
  }
}

.home h3 {
    margin-top: 22px;
    margin-bottom: 0;
}
.home h3+p, .home h3+ul
 {
	margin-top:6px;
}
.home .blog-item h3.item-title {
	font-size:1.4em;
}
hr.dashed {
    border-style: dashed;
    color: #dedede;
}
.home span.year {
	color:#5e8e3e;
}

.home .main .card-header, .home .blog-featured .page-header h2 {
    border: 4px dashed #d5e7c9;
    padding: 10px 20px;
    border-radius: 10px;
    text-align: center;
    background: #f9f9f9;
    margin-top: 30px;
    margin-bottom: 30px;
	font-size: 1.6em;
	color:#49742c;
}
.advantages .column-inner {
	padding:10px 20px;
	border-radius:16px;
    transform: translateZ(0);
	transition: filter .2s;
	background:#fff;
}
.advantages .column-inner:hover {
	padding:10px 20px;
	background:#dff4fe;
}
.home .advantages h3 {
    margin-top:14px;
}
.home .review .column-inner-text {
	padding-right:10px;
}
.home .review .column-inner-img {
	padding-left:10px;
}

/********* 页脚样式 ************/
.footer {
	color:#555;
	font-size:0.9em;
}
.column-inner-1 {
	margin-right:20px;
}
.column-inner-2 {
	margin-left:20px;
}
.column-inner-3 {
	margin-left:20px;
}
.footer-main {
	border-top: 3px solid #bbb;
}
.footer-main .row{
	border-top: 5px solid #ddd;
}
.footer-main .column-31 {
	width:42%;
	padding:0;
	margin:20px 0;
}
.footer-main .column-32 {
	width:42%;
	padding:0;
	margin:20px 0;
}
.footer-main .column-33 {
	width:16%;
	padding:0;
	margin:20px 0;
}
.footer-main ul {
	padding-left:20px;
}
.copyright {
    border-top: 1px solid #bbb;
}
.copyright .column-31 {
	width:15%;
	padding:0;
}
.copyright .column-32 {
	width:70%;
	padding:0;
}
.copyright .column-33 {
	width:15%;
	padding:0;
}
.copyright .column-inner-1 img{
    vertical-align: middle;
}

.copyright .column-inner-2 a, .footer-main .column-33 a{
	text-decoration:none;
	color:#555;
}