/* LastTime 2025-06-19 */
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; font-size: 14px;}
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: #c81623;text-decoration: none;}
.box3-h5-footer>a {color: #666;}
.box3-h5-footer>.container>a {color: #999;}
.box3-h5-footer a:hover {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;}

/* shadow style */
.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;}
.box3-shadow1 {box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);}
.box3-shadow2 {box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
.box3-shadow3 {box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}

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

/* bmi */
.bmi-card{margin: 20px 0; padding: 20px; border-radius: 10px;}
.bmi-desc-title{color:#2f435e; margin:0px 0px 15px 0; padding-bottom:5px; border-bottom-width:2px; border-bottom-style:solid;}
.bmi-title-bb-default {border-bottom-color: #eee;}
.bmi-title-bb-danger {border-bottom-color: #ce4844;}
.bmi-title-bb-warning {border-bottom-color: #aa6708;}
.bmi-title-bb-info{border-bottom-color: #1b809e;}

/* 旋转180 */
.box3-translate180 {transition: transform 0.8s ease-in-out; /* 平滑过渡效果 */}
.box3-translate180:hover {transform: rotate(180deg); /* 旋转180度 */}
.box3-translate360 {transition: transform 0.8s ease-in-out;}
.box3-translate360:hover {transform: rotate(360deg); /* 旋转360度 */}

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