/* Design by http://www.templateaccess.com Released for free under a Creative Commons Attribution 3.0 License */
*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}
div,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,.boke8{margin:0;padding:0}
body{background-color:#fff;color:#333;font:normal 16px/1.875em 'HarmonyOS Sans','Microsoft Yahei','Arial','Sans-serif';overflow-x:hidden;width:100%;word-wrap:break-word}
a{text-decoration:none;outline:none;color:#333}
a:focus{outline:none;-moz-outline:none}
a:hover{color:#014099}
a img{border:none}
img{max-width:100%}
li{list-style:none}
select,input,textarea,button{border-radius:0;-webkit-border-radius:0;background:none;border:none;outline:none;font-family:'HarmonyOS Sans','Microsoft Yahei','Arial','Sans-serif'}
input:focus{outline:none}
textarea{resize:none}
input[type='text']::-moz-placeholder{opacity:0.6}
input[type='text']:-moz-placeholder{opacity:0.6}
input[type='text']::-webkit-input-placeholder{opacity:0.6}
input[type='text']:-ms-input-placeholder{opacity:0.6}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;font-size:16px;width:100%;border-top:solid 1px #e4e4e4;border-left:solid 1px #e4e4e4;box-sizing:border-box}
table th{background-color:#f9f9f9;text-align:center;box-sizing:border-box}
table td,table th{padding:1%;border:1px solid #e4e4e4;box-sizing:border-box}
.inner{width:93.75%;max-width:1440px;margin:0 auto}
.submit{cursor:pointer}
.clear{clear:both;overflow:hidden}
.thumbnail a{display:block;padding-bottom:75%;position:relative;overflow:hidden}
.thumbnail img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.rows{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
#header{background:url(images/topbg.jpg) no-repeat center center;background-size:cover}
#header{padding:2.60416667% 0 4.36458333%;position:relative}
#header .inner{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
#logo{font-size:40px;line-height:1.125em;max-width:250px;overflow:hidden}
#logo a{color:#fff;display:block;overflow:hidden;text-transform:uppercase;float:left}
#logo h2{display:block;font-size:12px;line-height:1.35em;text-align:right;text-transform:none}
#menu{margin-top:1%;width:calc(97% - 250px)}
#menu ul{display:flex;justify-content:flex-end}
#menu li{padding-left:2.5%;margin-left:2.5%;position:relative;font-size:15px}
#menu li:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:1em;background-color:#4b6590}
#menu li:first-child:before{display:none}
#menu a{display:block;color:#fffffe}
#menu .active a,#menu a:hover{color:#40b5ff}
#menu li ul{display:none}
#navbtn{width:26px;height:26px;position:relative;background-color:#fff;border-radius:3px;cursor:pointer;display:none;z-index:10;margin-top:1%}
#navbtn:before,#navbtn:after,#navbtn i{width:70%;left:15%;background-color:#014099;height:2px;border-radius:1px;position:absolute;display:block;transition:all .3s}
#navbtn i{top:50%;transform:translateY(-50%)}
#navbtn:before{content:'';top:6px;transition:all .3s}
#navbtn:after{content:'';bottom:6px;transition:all .3s}
#navbtn.active i{opacity:0;transition:none}
#navbtn.active:before{transform:rotate(45deg);top:50%}
#navbtn.active:after{transform:rotate(-45deg);bottom:auto;top:50%}
#wrapper{background-image:linear-gradient(180deg,#eee,#fff)}
#wrapper .inner{background-color:#fff;padding:30px;position:relative;z-index:2;margin-top:-1.5625%;overflow:hidden;border:1px solid #f2f2f2;border-bottom:none;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
#main{width:calc(100% - 330px)}
.bk8-title{font-size:24px;font-weight:normal;line-height:1.5em;margin-bottom:1%}
.bk8-title a{color:#222}
.bk8-title a:hover{color:#014099}
.article{border-bottom:2px dashed #cbcbcb;overflow:hidden;margin-bottom:25px;padding-bottom:30px}
.article .meta{font-size:13px;color:#888;line-height:1.5em;margin-bottom:1.3%}
.article .meta a{color:#888}
.article .meta a:hover{color:#222}
.article .meta span{display:inline-block;vertical-align:middle;margin-right:2.5%}
.article .thumbnail{width:212px;float:left;padding:4px;border:1px solid #eaecec;background-color:#fff}
.article .text{margin-left:235px;overflow:hidden;font-size:15px;color:#595959;line-height:2em;text-align:justify}
.article .text.ml0{margin-left:0}
.article .excerpt{height:8em;-webkit-line-clamp:4;text-align-last:left}
.article .more{text-align:right;font-size:13px;margin-top:9px}
.article .more a{color:#2cadff}
.article .more a:hover{color:#014099}
#bk8-Slides{margin-bottom:30px;overflow:hidden}
#pagenavi{padding:0.53333333em 0;font-size:15px;line-height:2em}
#pagenavi a,#pagenavi span.now-page{display:inline-block;vertical-align:middle;color:#9a9a9a;padding:0 0.7em;border:1px solid #edebeb;background-color:#fbfbfc}
#pagenavi a:hover,#pagenavi span.now-page{border:1px solid #1a3562;background-color:#1a3562;color:#fff}
#post .title{font-size:32px;font-weight:normal;line-height:1.35em;margin-bottom:2%}
#post .bk8-title{margin-bottom:3.5%}
.postmeta{font-size:13px;color:#9a9a9a;line-height:1.875em;margin-bottom:3.5%}
.postmeta span{display:inline-block;vertical-align:middle;margin-right:1%}
.postmeta span:last-child{margin-right:0}
.postmeta a{color:#9a9a9a}
.postmeta a:hover{color:#014099}
.entry{font-size:16px;line-height:2em;position:relative}
.entry img{max-width:100%;height:auto!important}
.entry ul,.entry ol{margin-left:2em;margin-bottom:1em}
.entry ul li{list-style:outside disc none}
.entry ol li{list-style:outside decimal none}
.entry li p{margin-bottom:0}
.entry h1{font-size:1.5em;margin-bottom:1em}
.entry h2{font-size:1.25em;margin-bottom:1em}
.entry h3{font-size:1.125em;margin-bottom:1em}
.entry h4{font-size:1em;margin-bottom:1em}
.entry h5{font-size:0.875em;margin-bottom:1em}
.entry h6{font-size:0.75em;margin-bottom:1em}
.entry blockquote{margin:0 2em;font-style:italic;opacity:.95;padding:1em;margin-bottom:1em;background-color:#fafafa;border:1px solid #f1f1f1}
.entry hr{border:none;clear:both;border-bottom:1px solid rgba(255,255,255,0.25);margin-bottom:1em}
.entry p{margin-bottom:1em}
.tags{font-size:12px;line-height:1.5em;color:#9a9a9a;padding:1.5% 0;margin-bottom:1.5%}
.tags a{color:#2cadff;margin:0 5px}
#sidebar{width:300px;border-left:2px dashed #cbcbcb;padding-left:30px}
#sidebar .bk8-title{margin-bottom:5%}
.widget{border-bottom:2px dashed #cbcbcb;padding-bottom:10%;margin-bottom:10%}
.widget li,.widget .textwidget{font-size:15px;line-height:1.8em;padding:1.5% 0}
.widget a{color:#595959}
.widget a:hover{color:#014099}
.divCatalog ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap}
.divCatalog li{width:48%}
.divCatalog li ul{display:none}
.divCatalog li li{width:95%;margin-left:5%}
.divCatalog a{color:#2cadff;background:url(images/icon_category.png) no-repeat left center;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-size:0.93333333em auto;padding-left:1.33333333em}
.divCatalog a:hover{color:#014099}
.divStatistics li,.divArchives li,.divAuthors li,.divFavorites li,.divComments li{padding-left:1.33333333em;background:url(images/icon_data.png) no-repeat left center;background-size:0.93333333em auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.divArchives li{background-image:url(images/icon_date.png)}
.divAuthors li{background-image:url(images/icon_author.png)}
.divFavorites li{background-image:url(images/icon_fav.png)}
.divComments li{background-image:url(images/icon_msg.png)}
.divLinkage li,.divTags li{padding-left:1.33333333em;position:relative}
.divLinkage li:before,.divTags li:before{width:0.93333333em;height:1em;background:url(images/icon_link.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:0;margin-top:1.5%;top:0.4em}
.divTags ul{overflow:hidden}
.divTags li{float:left;padding-left:1.46666667em;text-transform:uppercase;padding-right:1em}
.divTags li:before{width:1.06666667em;height:0.8em;background-image:url(images/icon_tag.png);top:0.66666667em}
.divPrevious li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:url(images/icon_post.png) no-repeat left center;background-size:0.93333333em;padding-left:1.33333333em}
.divMisc ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap}
.divMisc li{max-width:48%}
.divMisc a{display:block;overflow:hidden}
.divMisc img{display:block}
.divCalendar table{text-align:center}
.divCalendar caption{padding:2.5% 2.5% 5%}
.divCalendar caption a{display:inline-block;vertical-align:middle}
.divCalendar th,.divCalendar td{height:2.69230769em;font-size:13px}
.divSearchPanel form{display:block;position:relative;padding-right:39px}
.divSearchPanel input[type="text"]{border:1px solid #ddd;color:#595959;display:block;width:100%;height:36px;line-height:24px;padding:5px 5%;border-right:none}
.divSearchPanel input[type="text"]:focus{border-color:#014099}
.divSearchPanel input[type="submit"]{display:block;width:39px;height:100%;background-color:#014099;color:#fff;cursor:pointer;position:absolute;right:0;top:0}
#commentlist{overflow:hidden;margin-bottom:5%;padding-bottom:5%;border-bottom:2px dashed #cbcbcb}
#commentlist li{overflow:hidden;margin-bottom:15px}
#commentlist .avatar{float:left;width:45px;height:45px;padding:1px;overflow:hidden;border:1px solid #dedede}
#commentlist .avatar img{display:block;width:100%;height:100%}
#commentlist .info{margin-left:60px;overflow:hidden;color:#9a9a9a;border:1px solid #eee;background-color:#fafafa;padding:15px}
#commentlist .name{font-size:15px;line-height:1.35em}
#commentlist .name a{color:#2cadff}
#commentlist .replay{font-size:12px}
#commentlist .text{padding:5px 0;font-size:15px;color:#555}
#commentlist li li{margin:2.43% 0 0 60px}
#commentlist li li .avatar{float:right}
#commentlist li li .info{margin-left:0;margin-right:60px}
#commentlist li li li{margin-left:5%}
#commentlist #pagenavi{margin-top:3.5%}
#comment .item{margin-bottom:1em;overflow:hidden}
#comment label{display:block;font-size:16px;line-height:1.5em;margin-bottom:0.5em}
#comment .text{width:100%;border:1px solid #c0c0c0;height:40px;padding:5px 15px;line-height:30px;background-color:#fff;font-size:14px}
#comment .text:focus{border-color:#014099}
#comment textarea.text{height:150px}
#comment .verify{position:relative}
#comment .verify .text{padding-right:110px}
#comment .verify img{display:block;position:absolute;right:5px;top:50%;transform:translateY(-50%);height:30px;width:auto}
#comment .send{background:url(images/submit.gif) no-repeat;border:none;display:block;width:88px;height:29px;cursor:pointer;text-indent:-999em;float:right}
#footer{background-color:#232323;clear:both}
#bottom{color:#bbb;font-size:14px;line-height:1.875em;text-align:justify}
#bottom .inner{background-color:#353535;padding:30px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap}
#bottom .item{width:33.333%}
#bottom .item:last-child{padding-right:0}
#bottom .bk8-title{color:#fefefe;margin-bottom:15px;background:no-repeat left center;background-size:auto 1.25em;padding-left:1.66666667em}
#bottom .intro{white-space:pre-line}
#bottom #bk8-about{width:30%}
#bottom #bk8-statistics{width:20%}
#bottom #bk8-reader{width:23%}
#bk8-about .bk8-title{background-image:url(images/icon_about.png)}
#bk8-statistics .bk8-title{background-image:url(images/icon_statistics.png);padding-left:1.75em}
#bk8-statistics ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;width:103%;overflow:hidden;margin-bottom:5%}
#bk8-statistics li{width:50%;padding-right:3%;padding-bottom:3%}
#bk8-statistics form{display:block;position:relative;padding-right:39px}
#bk8-statistics input[type="text"]{color:#595959;display:block;width:100%;height:36px;line-height:24px;padding:5px 5%;border-right:none;background-color:rgba(255,255,255,0.9)}
#bk8-statistics input[type="text"]:focus{border-color:#014099}
#bk8-statistics input[type="submit"]{display:block;width:39px;height:100%;background-color:#014099;color:#fff;cursor:pointer;position:absolute;right:0;top:0}
#bk8-reader .bk8-title{background-image:url(images/icon_reader.png);background-size:auto 1.25em;padding-left:1.83333333em}
#bk8-reader ul{width:103%;overflow:hidden;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap}
#bk8-reader li{width:20%;padding:2% 3% 1% 0}
#bk8-reader a{display:block;border:2px solid #fff}
#bk8-reader img{display:block;width:100%}
#copyright{padding:20px 0;color:#ddd;font-size:15px;line-height:1.875em}
#copyright .inner{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
#copyright a{color:#ddd}
#copyright a:hover{color:#2cadff}
@media only screen and (max-width:1536px){#logo{font-size:2.60416667vw;max-width:16.27604167vw}
  #menu{width:calc(100% - 16.5vw)}
}@media only screen and (max-width:1280px){#menu li{margin-left:2.3%;padding-left:2.3%}
  .bk8-title{font-size:1.875vw}
  #wrapper .inner,#bottom .inner{padding:20px}
  #sidebar{width:250px;padding-left:20px}
  .widget li{font-size:13px}
  #main{width:calc(100% - 270px)}
  .article{padding-bottom:25px;margin-bottom:20px}
  .article .thumbnail{width:195px}
  .article .text{font-size:14px;margin-left:210px}
  .divCalendar th,.divCalendar td{font-size:12px}
  #copyright{font-size:14px;padding:1.5625% 0}
  #post .title{font-size:2.5vw}
  #pagenavi{font-size:14px}
  #bottom #bk8-statistics{width:250px}
  #bk8-Slides{margin-bottom:20px}
}@media only screen and (max-width:1024px){#logo{font-size:28px;max-width:180px}
  #navbtn{display:block}
  #menu{position:fixed;right:0;top:0;margin-top:0;background-color:rgba(1,64,153,0.35);width:100%;height:100%;z-index:9;display:none}
  #menu > ul{position:fixed;right:0;top:0;width:250px;padding:10vh 2.5%;height:100%;background-color:#fff;background-image:linear-gradient(180deg,#eee,#fff);display:block;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateX(100%);transition:all .3s}
  #menu .show{transform:translateX(0)}
  #menu li{margin:0;padding:5px 0;line-height:40px}
  #menu li:before{display:none}
  #menu a{color:#333;background-color:#e9e9e9;padding:0 25px;border-radius:20px}
  #menu a:hover{color:#fff;background-color:#014099}
  .postmeta{font-size:12px}
  .entry{font-size:14px}
  #comment label{font-size:14px}
  #comment .text{height:32px;line-height:24px;padding:4px 10px}
  #comment .verify img{right:0}
  #wrapper .inner{display:block}
  #sidebar{width:auto;padding-left:0;display:none}
  #main{width:auto}
  .bk8-title{font-size:20px}
  .article{padding-bottom:20px;margin-bottom:15px}
  .article .meta{font-size:12px}
  #copyright{font-size:13px}
  #post .title,.postmeta{text-align:center}
  #pagenavi{font-size:13px;text-align:center}
  #bottom #bk8-about{width:100%;margin-bottom:2.5%}
  #bottom #bk8-reader{width:300px}
  #bk8-Slides{margin-bottom:12px}
}@media only screen and (max-width:768px){#header{padding:20px 0 32px}
  #logo{font-size:22px;max-width:150px}
  #logo small{font-size:10px}
  #commentlist{margin-bottom:20px}
  #commentlist li{margin-bottom:15px}
  #commentlist .avatar{width:35px;height:35px}
  #commentlist .info{margin-left:45px}
  #commentlist .name{font-size:14px;margin-bottom:5px}
  #commentlist .text{font-size:14px;line-height:1.75em;padding:0}
  #commentlist li li{margin-top:15px}
  #comment label,#comment .text{font-size:13px}
  #wrapper .inner{padding:12px;margin-top:-12px}
  .bk8-title{font-size:18px}
  .article{padding-bottom:3%;margin-bottom:2.5%}
  .article .meta{margin-bottom:2%}
  .article .thumbnail{width:182px}
  .article .text{font-size:13px;margin-left:195px}
  #copyright{padding:15px 0}
  #copyright .inner{display:block;text-align:center}
  .entry{font-size:13px}
  #post{padding:5px}
  #post .title{font-size:18px;line-height:1.5em}
  #post .bk8-title{font-size:16px;margin-bottom:16px;font-weight:bold}
  .tags a{margin:0 3px}
  #pagenavi{font-size:12px}
  #bottom .inner{display:block;padding:20px 15px 15px}
  #bottom .bk8-title{font-size:16px;font-weight:bold}
  #bottom #bk8-statistics{width:auto;margin-bottom:2.5%}
  #bottom #bk8-reader{width:auto}
  #bk8-statistics ul{margin-bottom:2.5%;text-align:left}
  #bk8-statistics li{padding-bottom:1%;width:33.333%}
  #bk8-reader ul{width:102%}
  #bk8-reader li{width:10%;padding:1% 2% 1% 0}
  #bk8-reader a{border-width:1px}
}@media only screen and (max-width:540px){.bk8-title{margin-bottom:2%}
  .article{padding-bottom:15px;margin-bottom:12px}
  .article .bk8-title{margin-bottom:1.5%}
  .article .meta{margin-bottom:2.5%}
  .article .thumbnail{width:auto;float:none;margin-bottom:5px}
  .article .text{margin-left:0}
  .article .excerpt{height:auto;max-height:8em}
  .article .more{margin-top:2px}
  #bottom .bk8-title{margin-bottom:10px}
  #bottom #bk8-about,#bottom #bk8-statistics{margin-bottom:15px}
  #bk8-statistics li{width:50%}
  #bk8-reader ul{width:105%}
  #bk8-reader li{width:20%;padding:2% 5% 3% 0}
}