a {
  text-decoration: none;
}
li {
  list-style: none;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/****************** 正文内容样式 **********************/
body {
  position: relative;
}
.videos {
  position: absolute;
  top: -42px;
  min-width: 1920px;
  position: fixed;
  width: 100%;
  height: 142%;
  background-color: #151723;
  z-index: -11;
}
#videoMp {
  position: absolute;
  top: -42px;
  width: 100%;
  min-width: 1920px;
  position: fixed;
  z-index: -10;
}
.navbar-custom {
  display: block;
}
/* 博客的标题和副标题 */
#home #header #blogTitle {
  position: relative;
  height: 150px;
  background-size: 100% 100%;
}
#home #header #blogTitle h1 {
  position: absolute;
  top: 25%;
  left: 15%;
  color: #f5f6f8;
}
#home #header #blogTitle h1 #Header1_HeaderTitle {
  color: #fff;
  transform: rotateY(0deg);
  transition: all 0.2s;
  display: inline-block;
}
#home #header #blogTitle h1 #Header1_HeaderTitle:hover {
  transform: rotateY(360deg);
  color: #85c904;
  text-decoration: underline;
}
#home #header #blogTitle h1::before {
  content: "欢迎来到：";
}
#home #header #blogTitle h1::after {
  content: "的博客";
  padding-left: 10px;
}
#home #header #navigator #navList {
  position: absolute;
  top: 150px;
  position: fixed;
}
#home #header #navigator #navList:hover {
  left: 0;
  animation: all 0.3s;
}
#home #header #navigator #navList li {
  position: absolute;
  left: -120px;
  font-size: 20px;
  width: 140px;
  background: rgba(235, 241, 251, 0.2);
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  padding: 5px 10px;
  margin: 10px;
  margin-left: 0;
  transition: all 0.3s;
  color: #fff;
}
#home #header #navigator #navList li:hover {
  left: 0;
  background-color: #85c904;
}
#home #header #navigator #navList li a {
  color: #fff;
  display: inline-block;
  width: 70px;
}
#home #header #navigator #navList li:nth-of-type(1) {
  top: 0;
}
#home #header #navigator #navList li:nth-of-type(1)::before {
  margin-right: 10px;
  width: 100px;
  height: 30px;
  content: "\e6b7";
  font-family: iconfont;
}
#home #header #navigator #navList li:nth-of-type(2) {
  top: 56px;
}
#home #header #navigator #navList li:nth-of-type(2)::before {
  margin-right: 10px;
  width: 100px;
  height: 30px;
  content: "\e613";
  font-family: iconfont;
}
#home #header #navigator #navList li:nth-of-type(3) {
  top: 112px;
}
#home #header #navigator #navList li:nth-of-type(3)::before {
  margin-right: 10px;
  width: 100px;
  height: 30px;
  content: "\e61f";
  font-family: iconfont;
}
#home #header #navigator #navList li:nth-of-type(4) {
  top: 168px;
}
#home #header #navigator #navList li:nth-of-type(4)::before {
  margin-right: 10px;
  width: 100px;
  height: 30px;
  content: "\e66a";
  font-family: iconfont;
}
#home #header #navigator #navList li:nth-of-type(5) {
  top: 224px;
}
#home #header #navigator #navList li:nth-of-type(5)::before {
  margin-right: 10px;
  width: 100px;
  height: 30px;
  content: "\e600";
  font-family: iconfont;
}
#home #header #navigator #navList li:nth-of-type(6) {
  top: 280px;
}
#home #header #navigator #navList li:nth-of-type(6)::before {
  margin-right: 10px;
  width: 100px;
  height: 30px;
  content: "\e649";
  font-family: iconfont;
}
#home #header #navigator .blogStats {
  display: none;
}
#home #main {
  display: flex;
}
#home #main #mainContent {
  flex: 1;
  max-width: 1050px;
  margin-right: 20px;
  padding: 20px;
  background: rgba(235, 241, 251, 0.1);
  border-radius: 5px;
}
#home #main #mainContent .forFlow::before {
  width: 120px;
  display: block;
  font-size: 23px;
  content: "文章列表";
  margin-bottom: 20px;
  padding: 10px 20px;
  color: #fff;
  font-weight: 900;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  background: rgba(133, 201, 4, 0.7);
  transition: all 0.2s;
}
#home #main #mainContent .forFlow .day {
  color: #fff;
  margin-bottom: 20px;
}
#home #main #mainContent .forFlow .day .dayTitle {
  display: none;
}
#home #main #mainContent .forFlow .day .dayTitle a {
  width: 72px;
  padding-left: 0;
  background-color: #85c904;
  margin-right: 20px;
  margin-bottom: 10px;
  color: #fff;
  display: inline-block;
}
#home #main #mainContent .forFlow .day::after {
  width: 100%;
  height: 2px;
  content: "";
  display: inline-block;
  background-color: #e2ddca;
  opacity: 0.3;
}
#home #main #mainContent .forFlow .day .postTitle {
  font-size: 20px;
  margin: 10px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#home #main #mainContent .forFlow .day .postTitle span {
  padding-left: 10px;
  border-left: 3px solid #85c904;
  transition: all 0.1s;
}
#home #main #mainContent .forFlow .day .postTitle span:hover {
  border-left: 10px solid #85c904;
  padding-left: 20px;
}
#home #main #mainContent .forFlow .day .postCon {
  margin: 10px 0;
  line-height: 30px;
}
#home #main #mainContent .forFlow .day .postDesc {
  margin: 10px 0;
  position: relative;
  font-size: 14px;
  color: #757575;
}
#home #main #mainContent .forFlow .day .postDesc a {
  position: absolute;
  right: 0;
}
#home #main #mainContent .forFlow .day a:hover {
  text-decoration: underline;
}
#home #main #sideBar {
  width: 250px;
  background: rgba(235, 241, 251, 0.1);
  padding: 20px;
  border-radius: 5px;
}
#home #main #sideBar .catListTitle {
  margin: 10px 0;
}
#home #main #sideBar .catListTitle::before {
  content: "\e648";
  margin-right: 10px;
  font-family: iconfont;
  color: #85c904;
}
#home #main #sideBar .sidebar-block li {
  margin-bottom: 5px;
}
#home #main #sideBar #sidebar_topviewedposts #TopViewPostsBlock li {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-all;
  margin-bottom: 5px;
}
#home #main #sideBar a:hover {
  text-decoration: underline;
}
#home #main #sideBar #sideBarMain #blog-calendar .Cal {
  display: none;
}
#home #main #sideBar #leftcontentcontainer #blog-sidecolumn #sidebar_search_box .div_my_zzk {
  display: flex;
  margin: 10px 0;
}
#home #main #sideBar #leftcontentcontainer #blog-sidecolumn #sidebar_search_box .div_my_zzk .btn_my_zzk {
  width: 70px;
  border: 0;
  margin-left: 5px;
}
#home #main #sideBar #leftcontentcontainer #blog-sidecolumn #sidebar_search_box .div_my_zzk .btn_my_zzk:hover {
  background-color: #85c904;
  color: #fff;
  border: 0;
}
#home #main #sideBar #leftcontentcontainer #blog-sidecolumn #sidebar_search_box .div_my_zzk #q,
#home #main #sideBar #leftcontentcontainer #blog-sidecolumn #sidebar_search_box .div_my_zzk #google_q {
  flex: 1;
  width: 100px;
  border: 0;
  background: rgba(239, 239, 239, 0.5);
  color: #fff;
}
#home #footer {
  color: #fff;
  text-align: center;
  padding: 10px 0;
  background: rgba(235, 241, 251, 0.1);
}
#home #main {
  width: 70%;
  margin: 0 auto;
  color: #fff;
  margin: 20px auto;
}
#home #main a {
  color: #85c904;
}
/*****************图标*****************/
@font-face {
  font-family: "iconfont";
  src: url("//at.alicdn.com/t/font_2514366_ibah0zgjlmb.eot?t=1619485960150");
  /* IE9 */
  src: url("//at.alicdn.com/t/font_2514366_ibah0zgjlmb.eot?t=1619485960150#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"), url("//at.alicdn.com/t/font_2514366_ibah0zgjlmb.woff?t=1619485960150") format("woff"), url("//at.alicdn.com/t/font_2514366_ibah0zgjlmb.ttf?t=1619485960150") format("truetype"), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url("//at.alicdn.com/t/font_2514366_ibah0zgjlmb.svg?t=1619485960150#iconfont") format("svg");
  /* iOS 4.1- */
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-youjian:before {
  content: "\e66a";
}
.icon-lianxi:before {
  content: "\e745";
}
.icon-wode:before {
  content: "\e613";
}
.icon-shouye:before {
  content: "\e6b7";
}
.icon-bianji:before {
  content: "\e61f";
}
.icon-caidan:before {
  content: "\e648";
}
.icon-dingyue-2:before {
  content: "\e600";
}
.icon-guanli:before {
  content: "\e649";
}