@font-face {
    font-display: swap;
    font-family: HarmonyOS-Sans;
    src: url('./HarmonyOS-Sans.woff2') format("truetype");
}
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    /* 解决IOS默认滑动很卡的情况 */
    -webkit-overflow-scrolling : touch;
}
img {
    width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
    display: block;
    -ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}		
		
body {
  margin: 0;
  left:0;
  transition: left .3s ease;
      
}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, input, textarea, html {
  
    margin: 0;
    padding: 0;
}
blog_body {
color:#000;
		background: #eff4f8;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    cursor: default;
    font-family: -apple-system, BlinkMacSystemFont,'Helvetica Neue', 'PingFang SC','Microsoft YaHei','Source Han Sans SC','HarmonyOS-Sans','Noto Sans CJK SC','WenQuanYi Micro Hei', sans-serif;
    color: #313944;
    line-height: 1.5;
    letter-spacing: 100%;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 15px;
}
.navs1 {
	background-position: bottom, top;
	background-repeat: repeat-x, repeat-x;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
background: #fff;
 background-color: #fff;
opacity: 0.9; /* 设置透明度为0.9 */
	z-index: 999;
}
.navs {
	background-position: bottom, top;
	background-repeat: repeat-x, repeat-x;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
 background-color: #fff;
background: #fff;
opacity: 0.9; /* 设置透明度为0.9 */
	z-index: 999;
}

body, html {
    cursor: default;
    font-family: 'HarmonyOS-Sans',"Source Han Sans CN Regular","Microsoft Sans Serif",arial,'Hiragino Sans GB',sans-serif,"San Francisco";
    font-size: 100%;
    width: 100%;
    height: 100%;
}
.phone_padding {
    color:#000;
		background: #eff4f8;
}
#footer {
	line-height: 1.5;
	text-align: center;
	color: #999;
        background: #fff;
	background-color: #fff;
        opacity: 0.9; /* 设置透明度为0.9 */
	padding-top: 20px;
	padding-bottom: 16px;
	background-position: top;
	background-repeat: repeat-x;
}
footer{
    padding-bottom: 35px;
    margin-top: 40px;
}
footer .content{
    display: flex;
    align-items: center;
    flex-flow: column;
}
footer .content img{
    width: 145px;
    margin-bottom: 18px;
}
footer .content ul{
    display: flex;
    margin-bottom: 22px;
}
footer .content li{
    margin-right: 85px;
}
footer .content li:last-child{
    margin-right: 0;
}
footer .content li a{
    color: #231815;
    font-size: 16px;
    transition: 0.3s;
}
footer .content li a:hover{
    color: #fe5536;
}
footer .content p{
    color: #b9b9b9;
    font-size: 14px;
    line-height: 24px;
}
footer .content p a{
    color: #b9b9b9;
}
#footer {
  padding: 3em 0;
  font-size: 0.8em;
  line-height: 1.5;
  text-align: center;
  color: #999;
}
＃footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 35px; /* 设置底部高度 */
    background-color: #f5f5f5; /* 设置底部背景颜色 */
    display: flex; /* 设置flex布局 */
    justify-content: center; /* 设置水平居中 */
    align-items: center; /* 设置垂直居中 */
  }

.nav-shouji{
            display: flex;
            position: fixed;
            bottom:0;
            z-index:99;
            height: 55px;
            width: 100%;
            background: var(--background);
            flex-shrink: 0;
            font-size: 14px;
        }
        .nav-shouji .nav-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 100%;
            color: var(--main);
        }       
        .nav-item:nth-child(3) {
            transform: translateY(-20px);
            background: var(--background);
            border-radius: 50%;
            height: 75px;
            width: 100%;
            flex-shrink: 2;
            box-shadow: 0 -3px 4px rgba(0,0,0,.1);
        }
        .nav-shouji .nav-item .img {
            height: 24px;
            overflow: hidden;
        }
        .nav-item:nth-child(3)>.img{
            height: 30px;
            margin-bottom: 5px;            
        }
        .nav-shouji .nav-item img {
            width: 24px;
            height: 24px;
            overflow: hidden;
       }



body {
  color:#000;
	
	background: #eff4f8;
	color: #183778;
	font-family:'HarmonyOS-Sans','PingFang SC','Microsoft YaHei',"Droid Serif",Georgia,"Times New Roman",STHeiti,serif;
	font-size: 15px;
}

/* Page nav */

.page-navigator {
  list-style: none;
  margin: 25px 0;
  padding: 0;
  text-align: center;
}
.page-navigator li {
  display: inline-block;
  margin: 0 4px;
}
.page-navigator a {
  display: inline-block;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
}
.page-navigator a:hover {
  background: #EEE;
  text-decoration: none;
}

.page-navigator .current a {
  color: #000;
  background: #EEE;
}
.header {
top: 0;
	left: 0;
	right: 0;
    background-color: #fff;
    background: #fff;
    opacity: 0.9; /* 设置透明度为0.9 */
    background: hsla(0,0%,100%,.8);
    border-bottom: 1px solid #f0f0f0;
    position: fixed;
    width: 100%;
    z-index: 2;
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
　　　　　　-webkit-backdrop-filter: blur(50px);
　　　　　　filter: blur(50px);
}
.header .nav-box {
    padding: 0 0px;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
}

.nav {
    height: 40px;
    display: block;
    padding: 0 15px
}

.content-row {color: #000;
}
.col-md-12 {color: #000;
}
.grid-item {color: #000;
}
.panel-body {color: #000;
}
.opacity(@opacity) {
  opacity: @opacity;
  // IE8 filter
  @opacity-ie: (@opacity * 100);
  filter: ~"alpha(opacity=@{opacity-ie})";
}

.nav .container {
width: 100%;
    height: 100%
}


.header .nav-box a {
    padding: 10px;
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    color: #000000;
    line-height: 20px;
    text-transform: capitalize;
    top: 0;
	left: 0;
	right: 0;
}
.nav .nav-text {
    line-height: 40px;
    font-size: 14px;
    padding: 10px 5px;
    margin: 0 5px;
    text-decoration: none;
    color: #333
}
.nav .correct {
    border-bottom: 1px solid #333
}
html,body{margin: 0;padding:0;}html{overflow-x:hidden;font-size:62.5%;background: #f8f8f8;}::selection{background:#B0E2FF;color:#fff}body{cursor: default;font-family: -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", 'HarmonyOS-Sans', "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;margin:0;height:100%;color:#0d0015;letter-spacing:.01em;font-size:1.5rem;-webkit-transition:-webkit-transform .2s cubic-bezier(.4,.01,.165,.99);transition:transform .2s cubic-bezier(.4,.01,.165,.99),-webkit-transform .2s cubic-bezier(.4,.01,.165,.99);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none}
h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;}
dl dt,h1,h2,h3,h4,h5,h6,table th{font-weight:700}h1,h2,h3,h4,h5,h6{letter-spacing:-.04em;line-height:1.45em;color:#4a4a4a}
h4,h5,h6{margin:1em 0 .5em}h1{font-size:2.8rem}h2{font-size:2.4rem}h3{font-size:2rem}h4{font-size:1.8rem}h5{font-size:1.7rem}h6{font-size:1.6rem}p{margin:0.7em 0;}
@media only screen and (max-width:767px){code,h6{font-size:1.4rem}h1{font-size:2.6rem}h2{font-size:2.2rem}h3{font-size:1.8rem}h4{font-size:1.6rem}h5{font-size:1.5rem}}
@media only screen and (min-width:768px) and (max-width:1023px){h1{font-size:2.65rem}h2{font-size:2.25rem}h3{font-size:1.85rem}h4{font-size:1.65rem}h5{font-size:1.55rem}h6{font-size:1.45rem}}dl dd { margin-left: 0;}dl, ol, ul {margin: 0 0 .5em;}
article code{cursor: default;margin:0 1px 0 1px;color:red;padding:2px;background-color:#f2f2f2;border-radius:5px;vertical-align:middle;font-size:80%;font-family:'HarmonyOS-Sans',Lato,"Helvetica Neue",Arial,"Hiragino Sans GB",STHeiti,"Microsoft YaHei",serif}article pre code{margin:0;padding:0;background-color:rgba(255,255,255,0);border-radius:5px;vertical-align:middle;font-size:80%;cursor: default;font-family:'HarmonyOS-Sans',Lato,"Helvetica Neue",Arial,"Hiragino Sans GB",STHeiti,"Microsoft YaHei",serif}article pre{padding:5px;overflow:auto;font-size:85%;line-height:1.45;max-height:400px;border-radius:3px;margin-bottom:0;white-space:pre-wrap;border:1px solid #ccc}
article table{width:100%;max-width:100%;border:0;border-collapse:collapse;border-spacing:0}article table td,article table th{border:0}article table th{padding:6px 10px;border-bottom:2px solid #848484;text-align:left}article table td{padding:6px 10px;border-bottom:1px solid #d0d0d0}td{min-width:40px}
article table tr:nth-child(2n) {background: #f7f8f8;}
@media only screen and (max-width:768px){.content table{overflow:auto;display:block}}@media only screen and (min-width:767px){article table th{padding:6px 20px}article table td{padding:6px 20px}td{min-width:100px}}
a, a:hover {
    outline: none;
    color: #000000;
    text-decoration: none;
}
.suolue{font-size:16px;color: #444444;}
.wa{
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.container {
    max-width: 100%;
    margin: auto;
}
.container img {
    max-width: 100%;    margin: 6px 0;
}
.tutu{
  width:100px;
   height: 100px;  
object-fit: cover;    margin: 0 !important;
}
.postlist {
    padding: 10px;
    margin: 1rem;
min-height:100px;    background: #fff;
    word-break: break-all;
}
.sypl{border-radius: 2px;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.tu {    float: left;
        padding-right: 5px;
}

.ias-spinner {
    width: 36px;
    margin: auto;
    padding: 5px 0;
}
.ias-trigger a {
    color: #444444;
    font-weight: bold;
}
.ias-trigger {
    padding: 10px;
    margin: 1rem;
    background: #fff;
opacity: 0.9; /* 设置透明度为0.9 */
}

/* Page nav */

.page-navigator {
  list-style: none;
  margin: 25px 0;
  padding: 0;
  text-align: center;
}
.page-navigator li {
  display: inline-block;
  margin: 0 4px;
}
.page-navigator a {
  display: inline-block;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
}
.page-navigator a:hover {
  background: #EEE;
  text-decoration: none;
}

.page-navigator .current a {
  color: #444;
  background: #EEE;
}

/* ------------------
 * Comment list
 * --------------- */
.comment-list, .comment-list ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.comment-list li {
  padding: 14px;
  margin-top: 10px;
  border: 1px solid #EEE;
}
.comment-list li.comment-level-odd {
  background: #F6F6F3;
}
.comment-list li.comment-level-even {
  background: #FFF;
}
.comment-list li.comment-by-author {
  background: #FFF9E8;
}
.comment-list li .comment-reply {
float: right;
  font-size: .92857em;
}
.comment-meta a {
  color: #999;
  font-size: .92857em;
}
.comment-author {
  display: block;
  margin-bottom: 3px;
  color: #444;
}
.comment-author .avatar {
    float: left;
    margin-right: 10px;
    width: 35px;
    border-radius: 50%;
    border: 1px solid #eee;
}
.comment-author cite {
  font-weight: bold;
  font-style: normal;
}

/* Comment reply */
.comment-list .respond {
  margin-top: 15px;
  border-top: 1px solid #EEE;
}
.respond .cancel-comment-reply {
  float: right;
  margin-top: 15px;
  font-size: .92857em;
}
#comment-form label {
  display: block;
  margin-bottom: .5em;
  font-weight: bold;
}
#comment-form .required:after {
  content: " *";
  color: #C00;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea {
  padding: 5px;
  border: 1px solid #E9E9E9;
  width: 100%;

  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
textarea {
  resize: vertical;
}
button.submit{background-color: #1B9AF7;
    border: 0;
    color: #FFF;
    opacity: 0.9; /* 设置透明度为0.9 */
    font-size: 12px;
    height: 30px;
    line-height: 30px;
  padding: 0 30px;}
.biaoqing.newpaopao {
    width: 2rem;
    height: 2rem;
}
.time {
color: red;
margin-top: .2em;
}
#comments {
    word-break: break-all;
}
#comments p a {
    color: red;
}
.video-box .video-background {
    position: absolute;
    left: 50%;
    top: 50%;
    /*保证视频内容始终居中*/
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    /*保证视频充满屏幕*/
    object-fit: cover;
    min-height: 800px;
}

/*尝试一种很奇妙的设备判断法*/
html {
    content: "0"; 
}
@media (min-width: 640px) { 
    html {
    content: "1"; 
}
}
@media (min-width: 768px) { 
    html {
    content: "2"; 
}
}
@media (min-width: 1024px) { 
    html {
    content: "3"; 
}
}
@media (min-width: 1280px) { 
    html {
    content: "4"; 
}
}
@media (min-width: 1536px) { 
    html {
    content: "5"; 
}
}
@media (min-width: 1200px) {
    
}
@media (min-width: 992px) {
    
}
@media (min-width: 768px) {
    
}
@media (min-width: 1000px) {
    
}
@media (min-width: 900px) {
    
}
@media (min-width: 700px) {
    
}
.img{
    border-radius: 15px;
    margin-right: 10px;//可修改
    padding-top:1px;//可修改
    vertical-align: middle;
}
.container img {
    max-width: 100%;    margin: 6px 0;
}

#s {
    
background:hsla(100,50%,100%,.08);
    background: blur(15px);
    border-bottom: 0.0.1px solid #f0f0f0;
    
    width: 40%;
    z-index: 9999;
    top: 53px;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}
.header .nav-box:hover{
    overflow-y: auto;
  }
.nav {
    height: 40px;
    display: block;
    padding: 0 15px
}
.header .nav-box a {
    padding: 10px;
    display: inline-block;
    font-size: 14px;
    color: #000000;
    line-height: 20px;
    text-transform: capitalize;
}
.nav .nav-text {
    line-height: 40px;
    font-size: 14px;
    padding: 10px 5px;
    margin: 0 5px;
    
    color: #333
}
.nav .correct {
    border-bottom: 1px solid #333
}
.header .nav-box {
    padding: 0 0px;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
}
.header .nav-box a.active {
    border-bottom: 1px solid #000000;
    word-break: break-all;
}
.header .nav-box::-webkit-scrollbar { 
    width: 100%; height: 5px;
    overflow-x: auto;
}
#foot{width:950px;border-top:1px solid #808080;padding-top:10px;padding-bottom:5px;line-height:20px;margin:10px auto 0}
#foot a{color:#000}

article code{cursor: default;margin:0 1px 0 1px;color:red;padding:2px;background-color:#f2f2f2;border-radius:5px;vertical-align:middle;font-size:80%;font-family:'HarmonyOS-Sans',Lato,"Helvetica Neue",Arial,"Hiragino Sans GB",STHeiti,"Microsoft YaHei",serif}article pre code{margin:0;padding:0;background-color:rgba(255,255,255,0);border-radius:5px;vertical-align:middle;font-size:80%;font-family:'HarmonyOS-Sans',Lato,"Helvetica Neue",Arial,"Hiragino Sans GB",STHeiti,"Microsoft YaHei",serif}article pre{padding:5px;overflow:auto;font-size:85%;line-height:1.45;max-height:400px;border-radius:3px;margin-bottom:0;white-space:pre-wrap;border:1px solid #ccc}
article table{width:100%;max-width:100%;border:0;border-collapse:collapse;border-spacing:0}article table td,article table th{border:0}article table th{padding:6px 10px;border-bottom:2px solid #848484;text-align:left}article table td{padding:6px 10px;border-bottom:1px solid #d0d0d0}td{min-width:40px}
article table tr:nth-child(2n) {background: #f7f8f8;}



  
  
  .pattern {
	padding: 40px 0px 20px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 9px;
    padding: 7px;
    text-decoration: none;
  
  }
  
  .wenzi {
     
text-align: center;
   
    }

  

   
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    .carousel-container {
      width: 100%;
      overflow: hidden;
    }

    .carousel-slide {
      flex: 0 0 100%;
    }

    img {
    
      height: auto;
      border-radius: 10px;
     
    }
 body {
    cursor: default;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", 'HarmonyOS-Sans', "Noto Color Emoji";
   
}