/* LastTime 2024-10-23 */
body {
  font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  color: #333;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 0;
  font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif;
  font-weight: normal;
}

/* Override Bootstrap's default container. */
@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}
.container>h4 {font-size: 16px;}
.box3-white {
  background-color: #fff;
}

/* Masthead for nav */
.blog-masthead {
  background-color: #428bca;
}

/* Nav links */
.blog-nav-item {
  position: relative;
  display: inline-block;
  padding: 10px;
  font-weight: 500;
  color: #cdddeb;
}
.blog-nav-item:hover,
.blog-nav-item:focus {
  color: #fff;
  text-decoration: none;
}

/* Active state gets a caret at the bottom */
.blog-nav .active {
  color: #fff;
}
.blog-nav .active:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -5px;
  vertical-align: middle;
  content: " ";
  border-right: 5px solid transparent;
  border-bottom: 5px solid;
  border-left: 5px solid transparent;
}

/* Blog name and description*/
.blog-header {
  padding-top: 20px;
  padding-bottom: 20px;
}
.blog-title {
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: normal;
}
.blog-description {
  font-size: 20px;
  color: #999;
}

/* Main column and sidebar layout */
.blog-main {
  font-size: 18px;
  line-height: 1.5;
}

/* Sidebar modules for boxing content */
.sidebar-module {
  padding: 15px;
  margin: 0 -15px 15px;
}
.sidebar-module-inset {
  padding: 15px;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {
  margin-bottom: 0;
}

/* Pagination */
.pager {
  margin-bottom: 60px;
  text-align: left;
}
.pager>li>a {
  width: 140px;
  padding: 10px 20px;
  text-align: center;
  border-radius: 30px;
}

/* Blog posts */
.blog-post {
  margin-bottom: 60px;
}
.blog-post-title {
  margin-bottom: 5px;
  font-size: 40px;
}
.blog-post-meta {
  margin-bottom: 20px;
  color: #999;
}

/* nav new 2024-05-30 */
/* Nav links */
.template1 {
  background: #fff;
  border-bottom: 1px solid #ddd;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
.template1-nav-item {
  position: relative;
  display: inline-block;
  padding: 10px;
  font-weight: 500;
  color: #333;
  font-size: 15px;
}
.template1-nav-item:hover,
.template1-nav-item:focus {
  color: #c81623;
  text-decoration: none;
}
/* Active state gets a caret at the bottom */
.template1-nav .active {
  color: #333;
}
.template1-nav .active:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -5px;
  vertical-align: middle;
  content: " ";
  border-right: 5px solid transparent;
  border-bottom: 5px solid;
  border-left: 5px solid transparent;
}
/* nav start: 2024-10-22 */
#box3-First-Nav {
  background-color: #fff;
}
.template-m1 {
  min-width: 350px;
}
.template2,.template-m1,.template-m2 {
  box-shadow: 0 3px 12px rgba(98, 107, 181, .25);
  display: flex;
  background-color: #fff;
  overflow: hidden;
}
/* Disable default padding style */
.template2 ul,.template2 li,.template-m1 ul,.template-m1 li {
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.template2>.template2-nav {
    min-width: 1200px;
    margin: 0 auto;
}
.template2-nav li {
  padding-right: 20px;
}
.template2-nav li:first-child img {height: 25px; margin-right: 2px;}
/* last-child */
.template2-nav li:last-child {
  padding-right: 0;
}
.template2-nav-item {
  display: flex;
  align-items: center;
  font-weight: 500;
  color: #333;
  font-size: 16px;
  border-bottom: 2px solid transparent;
  height: 50px;
}
.template2-nav-item:hover,
.template2-nav-item:focus {
  color: #337ab7;
  border-bottom-color: #337ab7;
  text-decoration: none;
}
/* active status */
.template2-nav .active {
  color: #337ab7;
  border-bottom-color: #337ab7;
}
/* mobile */
.template-m1>.template-m1-ul {
  width: 100%;
  margin-left: 15px;
  margin-right: 15px;
}
.template-m1-ul li:last-child {
  flex: 1 1;
  justify-content: flex-end;
}
.template-m1-icon {
  color: #dd7129;
  padding-right: 2px;
}
/* nav end */

/* template-m2 2024-11-04 */
.template-m2 ul {
  display: flex;
  width: 100%;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.template-m2 li {
  display: flex;
  list-style-type: none;
  height: 40px;
  align-items: center;
}
.template-m2 a {
  position: relative;
  display: inline-block;
  font-weight: 500;
  color: #333;
  font-size: 15px;
}
.box3-flex11 {
  flex: 1 1;
}
.template-m2 a:hover,
.template-m2 a:focus {
  color: #c81623;
  text-decoration: none;
}

/* Footer start : 2024-10-23 */
.footer1 {padding: 15px; color: #999; border-top: 1px solid #e5e5e5; font-size: 12px; text-align: center;}
.footer1 a {color: #666;}
.footer1 a:hover {color: #c81623; text-decoration: none;}
.footer1 p:last-child {margin-bottom: 0;}
.footer-pc a {display: inline-block; margin: 0 10px 0 10px;}
.footer-h5 a {display: inline-block; margin: 0 5px 0 5px;}
/* Footer end */

/* Footer */
.blog-footer {
  padding: 15px;
  color: #999;
  text-align: center;
  background-color: #f9f9f9;
  border-top: 1px solid #e5e5e5;
  text-align: center;
  font-size: 12px;
  margin-top: 20px;
}
.blog-footer-link>a {
  display: inline-block;
  margin: 0 10px 0 10px;
}
.blog-footer-link>a {
  color: #666;
}
.blog-footer>.container>a {
  color: #999;
}
.blog-footer a:hover {
  /*color: #338de6;*/
  color: #c81623;
  text-decoration: none;
}
.box3-h5-footer>a {
  color: #666;
}
.box3-h5-footer>.container>a {
  color: #999;
}
.box3-h5-footer a:hover {
  /*color: #338de6;*/
  color: #c81623;
  text-decoration: none;
}
.blog-footer p:last-child {
  margin-bottom: 0;
}
.box3-bottom {
  padding-bottom: 20px;
}
.box3-padding-bottom60 {
  padding-bottom: 60px;
}

/* h3 */
.box3-h3 {
  margin: 20px 0px 20px 0px;
  text-align: center;
  display: block;
  clear: both;
}

/* CodeMirror */
.CodeMirror {
  font-size: 14px;
  font-family: Consolas,
    Verdana,
    Geneva,
    sans - serif,
    "微软雅黑";
  border: 1px solid silver;
  border-width: 1px;
  line-height: 22px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.CodeMirror-activeline-background {
  background: #e8f2ff !important;
}

table td,
samp {
  word-break: break-all;
}

.box3-shadow {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12) !important;
}
/* a style start */
.box3-a-def {
  background: transparent;
  border-color: transparent;
}
.box3-a-blue {
  background: #60afe7;
  border-color: #49a3e3;
}
.box3-a-pink {
  background: #f4689d;
  border-color: #f15f97;
}
.box3-a-red {
  background: #ff784f;
  border-color: #ff683b;
}
.box3-a-green {
  background: #1ac269;
  border-color: #06b85d;
}
.box3-a-jade {
  background: #2bbdc4;
  border-color: #17afb6;
}
.box3-a-purple {
  background: #868cd8;
  border-color: #7b89da;
}
/* a style end */

.box-panel-body-box dl dd {
 float:left; padding: 8px; background-color: #f5f5f5; margin-right: 8px;
}

/* animation 01 start */
@keyframes box3-animation-01 {
  from {
      transform: scale(0.0);
      -ms-transform: scale(0.0); 	/* IE 9 */
      -moz-transform: scale(0.0); 	/* Firefox */
      -webkit-transform: scale(0.0); /* Safari、Chrome */
      -o-transform: scale(0.0); 	/* Opera */
      opacity: 0.0;
  }
  25% {
      transform: scale(0.25);
      -ms-transform: scale(0.25); 	/* IE 9 */
      -moz-transform: scale(0.25); 	/* Firefox */
      -webkit-transform: scale(0.25); /* Safari、Chrome */
      -o-transform: scale(0.25); 	/* Opera */
      opacity: 0.25;
  }
  50% {
      transform: scale(0.5);
      -ms-transform: scale(0.5); 	/* IE 9 */
      -moz-transform: scale(0.5); 	/* Firefox */
      -webkit-transform: scale(0.5); /* Safari、Chrome */
      -o-transform: scale(0.5); 	/* Opera */
      opacity: 0.5;
  }
  75% {
      transform: scale(0.75);
      -ms-transform: scale(0.75); 	/* IE 9 */
      -moz-transform: scale(0.75); 	/* Firefox */
      -webkit-transform: scale(0.75); /* Safari、Chrome */
      -o-transform: scale(0.75); 	/* Opera */
      opacity: 0.75;
  }
  to {
      transform: scale(0.9);
      -ms-transform: scale(0.9); 	/* IE 9 */
      -moz-transform: scale(0.9); 	/* Firefox */
      -webkit-transform: scale(0.9); /* Safari、Chrome */
      -o-transform: scale(0.9); 	/* Opera */
      opacity: 1;
  }
}
@-webkit-keyframes box3-animation-01 {
  from {
      transform: scale(0.0);
      -ms-transform: scale(0.0); 	/* IE 9 */
      -moz-transform: scale(0.0); 	/* Firefox */
      -webkit-transform: scale(0.0); /* Safari、Chrome */
      -o-transform: scale(0.0); 	/* Opera */
      opacity: 0.0;
  }
  25% {
      transform: scale(0.25);
      -ms-transform: scale(0.25); 	/* IE 9 */
      -moz-transform: scale(0.25); 	/* Firefox */
      -webkit-transform: scale(0.25); /* Safari、Chrome */
      -o-transform: scale(0.25); 	/* Opera */
      opacity: 0.25;
  }
  50% {
      transform: scale(0.5);
      -ms-transform: scale(0.5); 	/* IE 9 */
      -moz-transform: scale(0.5); 	/* Firefox */
      -webkit-transform: scale(0.5); /* Safari、Chrome */
      -o-transform: scale(0.5); 	/* Opera */
      opacity: 0.5;
  }
  75% {
      transform: scale(0.75);
      -ms-transform: scale(0.75); 	/* IE 9 */
      -moz-transform: scale(0.75); 	/* Firefox */
      -webkit-transform: scale(0.75); /* Safari、Chrome */
      -o-transform: scale(0.75); 	/* Opera */
      opacity: 0.75;
  }
  to {
      transform: scale(0.9);
      -ms-transform: scale(0.9); 	/* IE 9 */
      -moz-transform: scale(0.9); 	/* Firefox */
      -webkit-transform: scale(0.9); /* Safari、Chrome */
      -o-transform: scale(0.9); 	/* Opera */
      opacity: 1;
  }
}
/* animation 01 end */

/* 子栏目 */
.sub-nav-left {
  margin: 10px 0; border-left: 1px #ce4844 solid; height: 30px; padding-top: 0px; border-left-width: 5px; border-radius: 3px;
}

/* 知识科普 */
.bs-callout {
	padding: 20px;
	margin: 20px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
}
.bs-callout:hover {
	box-shadow: 0px 0px 6px 3px #dfdfdf !important;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
.bs-callout-info {
	border-color: #1b809e;
}
.bs-callout-danger {
	border-color: #ce4844;
}
.bs-callout-warning {
	border-color: #aa6708;
}
.panel-body>dl>h5 {padding-top: 5px; padding-bottom: 5px;}
.panel-body>dl>p {line-height: 25px;}

.box3-code {
  color: #f00;
  font-weight: bold;
  font-size: 1.5em;
  padding: 4px;
  background-color: #f9f2f4;
  border-radius: 4px;
}

/* 文件拖拽上传 start */
.box3-upload {
  border: 0.1rem dashed #9a9fae;
  height: 156px;
  border-radius: 0.5rem;
  text-align: center;
  color: #616779;
  padding: 12px;
}
.box3-format {
  padding: 5px;
  border: 0.1rem dashed #616778;
  margin: 2px;
  display: flex;
  height: 35px;
}
.box3-img-box {
  margin: 0 auto;
  display: block;
  clear: both;
}
.box3-upload:hover {
  color: red;
  border-color: #616778;
}
.box3-upload:hover p {
  color: #4a4e5b;
}
.box3-width {
  width: 600px;
}
/* 文件拖拽上传 end */

.btn-outline-custom1 {
  color: #6e1ac9;
  border-color: #6e1ac9
}

.btn-outline-custom1:hover {
  color: #fff;
  background-color: #6e1ac9;
  border-color: #6e1ac9
}

.btn-outline-custom1:focus,
.btn-outline-custom1.focus {
  box-shadow: 0 0 rgba(110, 26, 201, .5)
}

/* padding margin 通用配置 */
.top1 {top: 1px;}
.top2 {top: 2px;}
.padtop2 {padding-top: 2px;}
.margintop10 {margin-top: 10px;}
.margintop15 {margin-top: 15px;}
.margintop20 {margin-top: 20px;}

.box3-margin25 {margin: 25px 0;}
.box3-margin20 {margin: 20px 0;}
.box3-margin-bottom-25 {margin-bottom: 25px;}
.box3-margin-bottom-20 {margin-bottom: 20px;}
.box3-margin-top-20 {margin-top: 20px;}
.box3-margin-top-25 {margin-top: 25px;}
.box3-margin-top-10 {margin-top: 10px;}
.box3-mb10 {margin-bottom: 10px;}
.box3-mt10 {margin-top: 10px;}
.box3-pb10 {padding-bottom: 10px;}
.box3-pt10 {padding-top: 10px;}
.box3-mb15 {margin-bottom: 15px;}
.box3-mt15 {margin-top: 15px;}
.box3-pb15 {padding-bottom: 15px;}
.box3-pt15 {padding-top: 20px;}
.box3-mb20 {margin-bottom: 20px;}
.box3-mt20 {margin-top: 20px;}
.box3-pb20 {padding-bottom: 20px;}
.box3-pt20 {padding-top: 20px;}
.box3-box1{box-shadow: 0px 0px 15px 0px rgba(29, 73, 120, 0.10); border-radius: 4px;}
.box3-ml5{margin-left: 5px;}
.box3-mr5{margin-right: 5px;}
.box3-ml10{margin-left: 10px;}
.box3-mr10{margin-right: 10px;}
.box3-ml15{margin-left: 15px;}
.box3-mr15{margin-right: 15px;}
.box3-mb30 {margin-bottom: 30px;}
.box3-mt30 {margin-top: 30px;}

/* 自适应通用配置 */
.box3-form-group {margin-bottom: 10px;}
/* Mobile */
.box3-btn-center {text-align: center;}
/* PC */
@media (min-width: 768px) {.box3-btn-center {text-align: unset;}} 

/* font-size 通用配置 */
.box3-fs16 {font-size: 16px;}
.box3-fs18 {font-size: 18px;}
.table-bordered1 tbody>tr>td, .table-bordered1 tbody>tr>th {border: 1px solid #c2d5d5; vertical-align: middle;}
.table-bordered2 tbody>tr>td, .table-bordered1 tbody>tr>th {border: 1px solid #d7e6e6; vertical-align: middle;}

/* display */
.box3-hide{display: none;}
.box3-flex{display: flex;}
.box3-jc-center{justify-content: center;}

/* 页面二维码 */
.box3-qrcode {display: flex; position: relative; align-items: center;}
.box3-qrcode dd{display: none;margin: 0; right: -7px; top: 10px; padding-top: 18px; bottom: 0; position: absolute; width: 150px; z-index: 999;}
.box3-qrcode img{padding: 10px; background-color: #fff; border: 1px solid #e8e8e8;}
.box3-qrcode dd:after {position: absolute;bottom: 0;left: 50%;width: 0;height: 0; margin-left: -5px;vertical-align: middle;content: " ";border-right: 5px solid transparent; border-bottom: 5px solid;border-left: 5px solid transparent;}

/* H5 主站首页 icon */
.www-icon{display: inline-block; position: relative; top: -1px;}
.box3-www-icon{display: inline-block; position: relative; top: -1px;}

/* body color */
.box3-bg-white{background-color: #fff;}

.box3-body-tool{background-color: #F8FAFB;}
.box3-body-time{background-color: #F4F4F4;}
.box3-body-jwt{background-color: #f3f6f8;}

/* 子导航 */
.box3-subnav {display: flex; justify-content: left; align-items: center; height: 40px;}
.box3-subnav span, .box3-subnav a {margin-right: 5px;}
.box3-subnav a:hover {color: #c81623; text-decoration: none;}
.box3-subnav-cur-txt {color: #888;}
.box3-subnav span {color: #888;}
.box3-subnav1 {display: flex; flex: 1 1; align-items: center; justify-content: flex-end;}
.box3-subnav1 span, .box3-subnav1 a {margin-right: 5px;}
.box3-subnav1 a:hover,a:focus {color: #c81623; text-decoration: none;}

.box3-h3-v2 {margin: 20px 0px 20px 0px;text-align: left;display: block;clear: both;}

/* box3-desc */
.box3-desc {clear: both; margin-top: 20px;}
.box3-desc>ol {padding-left: 15px;}
.box3-desc>ol>li {line-height: 25px;}

/* time */
.box3-time-title {margin: 20px 0px 20px 0px; text-align: center; display: block; clear: both;}
.box3-time-gq {top: -3px; position: relative; width: 45px; margin: 0; padding: 0;}

.box3-time-sub-template{border-top: 0; border-bottom: 0; border-left-width: 5px;padding-left: 20px; border-left-style: solid;}
.box3-time-sub-template2{border-top: 0;border-bottom: 0;border-left-width: 5px;padding-left: 10px;border-left-style: solid;}
.box3-about-zone{border-left-color: #ce4844;}
.box3-about-time{border-left-color: #aa6708;}
.box3-about-link{border-left-color: #1b809e;}
.box3-time-iana {color: #2898e1; font-weight: bold;}
.box3-time-desc p {line-height: 25px;}
#time_compare_hour_minute {padding: 4px;font-weight: bold;border-radius: 5px;color: #fff; background: -webkit-gradient(linear,0 0,0 100%,from(#555),to(#000));background: -webkit-linear-gradient(top,#555,#000);background: -moz-linear-gradient(top,#555,#000);background: -ms-linear-gradient(top,#555,#000);background: -o-linear-gradient(top,#555,#000)}

/* time hot link*/
.box3-time-others-link{padding: 0px; margin: 0;}
.box3-time-others-link ul {display: block; clear: both;}
.box3-time-others-link li {list-style-type: none; display: block; float: left; height: 30px; line-height: 30px; margin-right: 10px;}

.box3-time-ymd{font-size: 20px; color: green; letter-spacing: 2px;}
.box3-time-lunar_calendar{color:#2c4e4e; letter-spacing: 2px;}
.box3-time-h-i-s{font-size: 40px; color: #db6010; letter-spacing: 4px;}
.box3-time-fontbig{font-size: 280%;line-height: 1em;letter-spacing: 4px;display: block; margin-bottom: 5px;}
.box3-time-clock-bg{background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 51%, #ededed 52%, #ffffff 100%); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3); color: #000; background-color: #fafafa; text-align: center; padding: 18px 10px; font-weight: 300; margin: 16px auto; max-width: 325px; border-radius: 4px; clear:both;}

/* time modal */
#time-hour,#time-minute,#time-second{font-weight: 600;}
.country-list {clear: both;}
.country-list a:link, .country-list a:visited {color: #333;}
.country-list a:hover,.country-list a:focus {color: #c81623;}
.country-col {padding: 10px; float: left; text-align: center; height: auto;}
.country-col-1 {height: auto;}
.country-col img {width: 100%; max-height: 76.98px; height: auto;display: block; margin-bottom: 3px;} 

/* time modal v2.0 */
.country-col2 {padding: 10px; float: left; text-align: center; height: auto;}
.country-col2-1 {height: auto;}
.country-col2 img {width: 102.63px; height: 76.97px; display: block; margin-bottom: 3px;} 

/* time index.html */
#box3_time_qrcode {position: absolute;top: -372px;left: 0;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;display: none;}

/* date format by table */
.box3-table-date {background-color: #FFFCF7; border: 2px solid #F5BA4D; margin-top: 20px; margin-bottom: 20px; max-width: 100%; width: 100%;}
.box3-table-date tbody>tr>td {border: 1px solid rgba(252, 226, 186, 1); padding: 8px;}
.box3-table-date .td-left {font-weight: 500; width: 35%; color:#b36c15}
.box3-table-date span{color:#E24C4C; font-weight: 500; font-size: 20px;}
@media (min-width: 768px) {.box3-table-date{width: 60%; margin: 20px auto;}}

/* 永远放在底部 @media 样式 */
@media (min-width: 768px) {.autoFsize16 {font-size: 16px;}}
.autoWidthCenter60{text-align: left;}
@media (min-width: 768px) {.autoWidthCenter60{width: 60%; margin: 0 auto;}}