.clear{width:1000px;clear: both;float:none;line-height: 1px;}

.mt-0{margin-top:0px;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}

.pager{width:100%;text-align: center;margin:40px 0 20px 0;}
.pager a{margin:0 15px;border:1px solid #0b956c;font-size:16px;padding:10px 20px;border-radius: 5px;display: block}
.pager a:hover{color:#0b956c}

.container{width:100%;margin: 0 auto;background:#f9f9f9;}

.t_icon{float: left;color:#0a66c2;vertical-align:baseline;margin-right:6px;}


.footer{margin:0;padding:20px;text-align: center;border-top:1px solid #ddd;background: #f9f9f9;}
.footer p{font-size:18px;color:#888;line-height:38px;}
.footer p a{color:#0b956c;text-decoration: underline;}

.praise{width:100%;margin:30px 0 40px 0;text-align: center;display:flex;justify-content: center; align-items: center;color:#666;}
.good{color:#ff3300;margin-right:6px;margin-top:2px;}


.error {
  margin: 100px auto 100px auto;
  text-align: center;
  font-size:18px;
  color:#333;
}

.error .btn{padding:3px 10px 3px 10px;font-size:16px;border-radius: 0;box-shadow: none;}
.error img{max-width:80%;}
.error li{
  line-height: 50px;
}
.error a{color:#0a66c2;}




.box{margin:0 auto;overflow: hidden;width:100%;clear: both;}
.box .wrap-left{width:100%;float:left;clear: both;}
.box .wrap-right{width:100%;float:right;margin-top:10px;;clear: both;}

.top{display: none;}
.wtop{display: block;height:56px;line-height:56px;background: #5090ff;background: linear-gradient(135deg, #5090ff 0, #36bbff 70%, #36bbff 100%);color:#fff;overflow: hidden}
.wtop a{font-size:18px;margin-right:8px;margin-left:8px;color:#fff;font-weight: 300;display: block}
.wtop span{margin-right:12px;}


.search{width:100%;}
.search input{width:73%;background: #F2F1F6;border-width:0px;border-radius: 5px;padding:10px;margin:20px 6px 15px 15px;font-size:16px;}
.search button{border:1px solid #666;color:#222;background: #fff;border-radius: 5px;padding:8px;margin-right:15px;}

.wtop .home{float:left;width:25%;height:56px;}
.wtop .home span{display: block;float:left;}
.wtop .home a{margin:0 8px 0 0;display: block;height:56px;float:left;}
.wtop .home .icon{margin-top:15px;color:#fff;margin-left:15px;float:left;display: block;}

.wtop .logo{float:left;width:50%;text-align: center;}
.wtop .logo img{width:50%;padding-top:15px;}
.wtop .page_name{float:left;width:50%;text-align: center;}
.wtop .page_name a{font-weight: 400}
.wtop .menus{float:right;width:25%;text-align:right;height:56px;display: block}
.wtop .menus .icon{margin-top:15px;color:#fff;margin-right:15px;float:right;}


.wnav{width:100%;line-height: 40px;height: 80px;padding:10px 0 10px 0;display: block;}
.wnav a{font-size: 18px;display: block;width:33%;float:left;text-align: center;margin:0;color:#333;}
.wnav a.active{font-weight: bold;}


.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease;
  z-index: 1; /* Ensure it's behind the slider */
}

.overlay.open {
  opacity: 1;
  visibility: visible;
}

#slider {
  position: fixed;
  top: 0;
  right: -290px;
  width: 290px;
  height: 100%;
  background-color: #fff;
  transition: right 0.3s ease;
  z-index: 1000;
}
#slider.open {
  right: 0;
}


.sliderContent{margin:15px}
.sliderContent .header{float:left;width:100%;}
.sliderContent .header h2{float:left;font-size:18px;font-weight:500;color:#222;}
.sliderContent .header .icon{float:right;}
.sliderContent .category{padding:0;width:100%;margin-top:40px;float:left;}
.sliderContent .category a{display: block;float:left;width:100px;padding:5px;font-size:18px;border:1px solid #ccc;background: #f9f9f9;border-radius: 5px;margin:12px 8px;text-align:center;}
.sliderContent .category a.active{font-weight: 500;color:#d65702}

.post{float:left;width:94%;margin:0px 10px 0 10px;border-top: 1px solid #efefef;}
.post a.link{float:left;width:100%;padding:20px 0 20px 0;display: block;overflow: hidden;}
.post a.link:hover{background: #f9f9f9;}
.post .photo{float:right;width:120px;height:80px;}
.post .photo img{width:100%;height:100%;border-radius: 3px;}
.post .photo img.lazy{width: 120px;height: 80px;display: block;background: #efefef;}
.post .meta{margin-right:130px;margin-left:0px;overflow: hidden;font-size:14px;}

.post .meta h2{font-size:20px;line-height:30px;font-weight:normal;color:#222;}
.post .meta h2 em{color:#f73131;font-style: normal;margin-right:2px;}
.post .meta .description{color:#666;line-height: 28px;margin-top:10px;display: none;}
.post .meta .time{color:#666;margin-top:10px;}

.keywords{margin:15px;float:left;width:100%;min-height:500px;}
.keywords .name{float:left;width:100%;font-weight: bold;}
.keywords .names{float:left;width:100%;margin-top:15px;}
.keywords a{color:#0d6efd;margin:10px 15px 10px 0;float:left;display: block;background: #efefef;text-align: center;padding:6px;border-radius: 5px;}

.widget{margin-bottom: 20px;float: none;}
.widget .title{border: 1px solid #efefef;border-width:1px 0 0 0;line-height:26px;font-size:18px;font-weight: 500;padding:10px 0 10px 10px;}

.widget .list{padding:0px;}
.widget .list li{line-height: 26px;border-bottom: 1px dotted #ccc;padding:10px 0 10px 0;}
.widget .list li a{color:#555;font-size:16px;display: block;}

.widget .tags{padding:10px 0 10px 0;line-height: 36px;;}
.widget .tags a{color:#555;margin-right:6px;font-size:16px;}

.bar{margin:30px 15px 10px 15px;font-size:14px;}
.head{margin:30px 15px 10px 15px;}
.head h2{font-size:24px;font-weight:bold;}
.head h1{font-size:24px;font-weight:bold;}
.about{margin:15px 15px 10px 15px;font-size:14px;color:#888;}
.about span{margin-right:18px;}
.author-img {width: 28px;height: 28px;margin-right: 8px;border-radius: 50%}
.topic{width:auto;overflow: hidden;font-size:18px;line-height:36px;color:#222;margin:15px 15px 0px 15px;}
.topic label{float:left;display: block;font-weight: 500;}
.topic a{margin-right:20px;color:#0d6efd;display:block;float:left;font-size:18px;}

.article{width:auto;overflow: hidden;font-size:20px;line-height:36px;color:#222;margin:0 15px 0 15px;}
.article h2,.article h3,.article h4,.article h5,.article h6{margin-bottom: 10px;color:#222;font-size:22px;}
.article p{
    font-size: 16px !important;
    font-weight: normal !important;
    padding: 0px;
    line-height: 2em !important;
    text-indent: 2em;
    color: #333;
    word-wrap: break-word;
    word-break: break-all;
    -webkit-text-align: justify;
    -webkit-word-break: break-all;
    margin-bottom: 1em !important;
    font-family: -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC"
}

.article img{max-width: 100%;margin-bottom: 5px;border-radius: 10px;}

.article span,.article font{font-size:20px;color:#222;}
.article  table  {
  border-collapse: collapse;
  border-spacing: 1px;
  font-size: 14px;
  color: #222;
  max-width: 100%;
  width: 100%;
  border: none;
  line-height: inherit;
  word-break: keep-all;
  margin: 20px 0 20px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch
}

.article h3 {
    font-size: 20px;
    text-indent: 2em;
    padding-bottom: 20px;
    line-height: 25px;
    vertical-align: top;
    font-weight: 600;
    color: #00B899;
    line-height: 25px;
}
.article h2 {
    font-size: 20px;
    text-indent: 2em;
    padding-bottom: 20px;
    line-height: 25px;
    vertical-align: top;
    font-weight: 600;
    color: #00B899;
    line-height: 25px;
}

.article  table th,.article  table thead {
  background: #f8f8f8
}

.article table td,.article  table th {
  text-align: center;
  padding: 2px 4px;
  border: 1px solid #bbb;
}


.article table tr {
  background-color: #fff
}

.article table tr:nth-child(2n) {
  background-color: #f8f8f8
}

.bottom_box{
  border-top: 1px solid #efefef;
  width:100%;
  float:left;
  margin:0 auto;
  padding:10px 0;
}
.bottom_box a{display:block;width:30%;float:left;font-size:20px;text-align: center;line-height:38px;margin-left:8px;color:#333;}

.relate .title{border-bottom: 1px solid #efefef;line-height:36px;font-size:18px;font-weight:bold;padding:10px 0 10px 0;margin-left:10px;}