/*公用*/
body {
  font-size: 15px;
  padding: 0;
  margin: 0;
  font-family: "微软雅黑", "宋体", Arial;
  background: #205424 url('https://i.loli.net/2019/06/20/5d0b2c43434cf59635.jpg') no-repeat top center fixed;
  min-width: 1200px;
  cursor: url('https://files-cdn.cnblogs.com/files/mcwang/area.ico'),auto;
}

#home {
  opacity: 0.75;
  filter: alpha(opacity=95);
  box-shadow: 0 0 10px #000;
  margin: 40px auto;
  width: 1200px;
  background: #fff;
  overflow: auto;
  border: solid 1px #fff;
}

/*段落*/
.postBody p,.postCon p {
  margin: 7px 0;
  line-height: 24px;
}

h1 {
  margin: 0;
}

h3 {
  font-size: 15px;
  font-weight: bold;
}

/*超链接*/
a {
  color: #464646;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:visited,a:hover {
  color: #464646;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

image {
  border: none;
}

/* 头部 */
#header {
  padding: 20px;
}

/*博客标题*/
#blogTitle,#blogTitle a {
  font-weight: bold;
  color: #666;
}

#blogTitle .title {
  margin-top: 10px;
  height: 68px;
  line-height: 100px;
  font-size: 32px;
  padding-left: 120px;
  background: url(https://i.loli.net/2019/10/20/JH3FpCalUPkm9td.jpg) no-repeat;
  background-size: contain;
}

.headermaintitle {}

#blogTitle,#blogTitle a:hover {
  text-decoration: none;
}

/*子标题*/
.subtitle {
  padding-left: 30px;
  font-size: 14px;
  color: #999;
  font-weight: normal;
  margin: 10px 0;
}

/*导航栏*/
#navigator {
  font-size: 16px;
  height: 48px;
  background: #55895B;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

#navList li {
  margin: 0;
  line-height: 48px;
  display: inline-block;
  float: left;
}

#navList li:hover {
  background: #6DA47D;
}

#navList li a {
  padding: 0 30px;
  text-decoration: none;
  line-height: 48px;
  border: 0;
  color: #fff;
  display: -moz-inline-box;
  display: inline-block;
}

.blogStats {
  height: 48px;
  color: #fff;
  line-height: 48px;
}

#main {
  padding: 20px;
}

/*左边*/
#sideBarMain {
  padding: 0 10px 0 0;
  background: #fff;
  margin: 0 0 20px 0;
  width: 190px;
  font-size: 12px;
  line-height: 22px;
}

#sideBarMain a {
  color: #666;
}

#leftcontentcontainer {
  color: #666;
}

.newsItem {
  color: #666;
}

/*公告*/
#profile_block {
  margin-top: 0px;
  line-height: 24px;
  text-align: left;
}

/*主面板*/
#mainContent {
  margin-top: 0px;
  padding-top: 0px;
  padding-right: 0px;
  background: #fff;
  padding-bottom: 0px;
  float: right;
  width: 960px;
  padding-left: 0px;
}

/*每日文章列表*/
.day {
  background: #fff;
  padding: 0;
  margin: 0 0 20px 0;
}

/*博客标题*/
.postTitle a {
  color: #464646;
}

.postTitle {
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #464646;
  background: url('https://images.cnblogs.com/cnblogs_com/libaoheng/305804/o_br229512.link(en-us,MSDN.10).gif') no-repeat 0 3px;
  padding-left: 30px;
}

.dayTitle {
  display: none;
}

/*摘要*/
.c_b_p_desc {
  padding: 10px;
  line-height: 24px;
  color: #888;
}

.c_b_p_desc a {
  color: #888;
}

.c_b_p_desc a:hover {
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
}

/*右侧图片*/
.desc_img {
  margin-left: 10px;
  border: solid 1px #fff;
  box-shadow: 0 0 10px #aaa;
}

/*博文页*/
#topics .post {
  background: #fff;
}

.postCon {
  padding: 10px 20px 0 20px;
}

.postDesc {
  margin: 0 30px;
  margin-bottom: 2px;
  padding: 8px 0px;
  font-size: 12px;
  color: #aaa;
  background: #fff;
  text-align: right;
}

.postDesc a {
  color: #AAA;
}

.postBody {
  padding: 0;
}

/*google搜索框*/
#google_q,#q {
  height: 22px;
  width: 120px;
  border: solid 1px #ccc;
  box-shadow: inset 0 0 3px #ddd;
  border-radius: 4px;
}

/*搜索按钮*/
.btn_my_zzk {
  font-family: 'Microsoft Yahei';
  border: none;
  height: 26px;
  width: 60px;
  padding: 1px;
  font-size: 14px;
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  display: inline-block;
  background: #55895B;
  border-radius: 4px;
  color: #fff;
}

.btn_my_zzk:hover {
  background: #6DA47D;
}

/*评论按钮*/

#btn_comment_submit {
  border: none;
  height: 48px;
  width: 120px;
}

/*评论按钮*/
.comment_btn {
  font-family: 'Microsoft Yahei';
  border: none;
  height: 48px;
  width: 120px;
  font-size: 18px;
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  display: inline-block;
  background: #55895B;
  color: #fff;
}

#btn_comment_submit:hover {
  background: #6DA47D;
}

/*评论标题*/
.feedback_area_title {
  padding: 10px;
  font-size: 24px;
  font-weight: bold;
  color: #55895B;
  border-bottom: solid 6px #55895B;
}

.feedbackListSubtitle {
  font-size: 12px;
  color: #888;
}

.feedbackListSubtitle a {
  color: #888;
}

.comment_quote {
  background: #FCFAAC;
  padding: 15px;
  border: 1px solid #CCC;
}

#commentform_title {
  color: #55895B;
  background-image: none;
  background-repeat: no-repeat;
  margin-bottom: 10px;
  padding: 10px 20px 10px 10px;
  font-size: 24px;
  font-weight: bold;
  border-bottom: solid 6px #55895B;
}

/*评论框*/
#comment_form {
  margin: 10px 0;
  padding: 0;
}

.commentform {
  margin: 10px 0;
  padding: 10px 20px;
  background: #fff;
}

/*评论输入域*/
#tbCommentBody {
  font-family: 'MIcrosoft Yahei';
  margin-top: 10px;
  width: 940px;
  max-width: 940px;
  min-width: 940px;
  background: white;
  color: #333;
  border: 2px solid #fff;
  box-shadow: inset 0 0 8px #aaa;
  padding: 10px;
  height: 120px;
  font-size: 14px;
  min-height: 120px;
}

/*评论条目*/
.feedbackItem {
  font-size: 14px;
  line-height: 24px;
  margin: 10px 0;
  padding: 20px;
  background: #F2F2F2;
  box-shadow: 0 0 5px #aaa;
}

.feedbackListSubtitle {
  font-weight: normal;
}

/*分类页*/
.entrylist {
  padding: 10px 20px;
  background: #fff;
}

.entrylistItem {
  margin: 10px 0;
  padding: 10px;
}

.entrylistPosttitle {
  font-size: 18px;
  font-weight: bold;
  background: url('https://images.cnblogs.com/cnblogs_com/libaoheng/305804/o_br229512.link(en-us,MSDN.10).gif') no-repeat 0 3px;
  padding-left: 30px;
}

.entrylistPostSummary {
  padding: 10px;
}

.entrylistItemPostDesc {
  font-size: 12px;
  color: #999;
  padding-left: 40px;
}

/*尾部*/
#footer {
  font-size: 12px;
  margin: 20px;
  padding: 12px;
  text-align: center;
  background: #55895B;
  color: #DDD;
  font-size: 14px;
}

/*文章内图片*/
#cnblogs_post_body p img {
  margin: 10px;
}

/*顶一下*/
.diggnum {
  font-size: 28px;
  color: #6DA47D;
  font-family: 'Microsoft Yahei';
}

#div_digg .diggnum {
  line-height: 100px;
}

.diggit {
  float: left;
  width: 128px;
  height: 128px;
  background: url('https://images.cnblogs.com/cnblogs_com/libaoheng/305804/o_dig.gif') no-repeat;
  background-position: 0 0;
  text-align: center;
  cursor: pointer;
}

.diggit:hover {
  background-position: -128px 0;
}

/*踩一下（园友反映，这个有点“邪恶”，呵呵，其实是我没来得及设计这个背景图片，就暂时把它隐藏了……可以去掉这句话）*/
.buryit {
  display: none;
}

.diggword {
  display: none;
}

/*green_channel*/
#green_channel {
  text-align: right;
  background: #6DA47D;
  padding-left: 20px;
  font-weight: normal;
  font-size: 15px;
  width: 920px;
  border: none;
  color: #fff;
  padding: 20px;
  border-radius: 4px;
}

/*最新评论*/
#myposts .PostList {
  font-size: 14px;
  line-height: 24px;
  margin: 10px 0;
  padding: 20px;
  background: #F2F2F2;
  box-shadow: 0 0 5px #aaa;
}

#myposts .postTitl2 a {
  color: #6DA47D;
}

/*github*/
.github-corner :hover .octo-arm {
  animation: octocat-wave 560ms ease-in-out;
}

@media (max-width: 991px) {
  .github-corner>svg {
    fill: #fff !important;
    color: #222 !important;
  }

  .github-corner .github-corner:hover .octo-arm {
    animation: none;
  }

  .github-corner .github-corner .octo-arm {
    animation: octocat-wave 560ms ease-in-out;
  }
}

@-moz-keyframes octocat-wave {
  0%,100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  20%,60% {
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);
  }
  40%,80% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}

@-webkit-keyframes octocat-wave {
  0%,100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  20%,60% {
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);
  }
  40%,80% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}

@-o-keyframes octocat-wave {
  0%,100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  20%,60% {
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);
  }
  40%,80% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}

@keyframes octocat-wave {
  0%,100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  20%,60% {
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);
  }
  40%,80% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}

/*隐藏底部广告*/
#ad_t2,#cnblogs_c1,#under_post_news,#cnblogs_c2,#under_post_kb {
  display: none !important;
}

/*旋转立方体*/
/*最外层容器样式*/
.wrap {
  width: 100px;
  height: 100px;
  margin: 150px;
  position: relative;
}

/*包裹所有容器样式*/
.cube {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  transform-style: preserve-3d;
  transform: rotateX(-30deg) rotateY(-80deg);
  animation: rotate linear 20s infinite;
}

@-webkit-keyframes rotate {
  from {
    transform: rotateX(0deg) rotateY(0deg);
  }
  to {
    transform: rotateX(360deg) rotateY(360deg);
  }
}

.cube div {
  position: absolute;
  width: 200px;
  height: 200px;
  opacity: 0.8;
  transition: all .4s;
}

/*定义所有图片样式*/
.pic {
  width: 200px;
  height: 200px;
}

.cube .out_front {
  transform: rotateY(0deg) translateZ(100px);
}

.cube .out_back {
  transform: translateZ(-100px) rotateY(180deg);
}

.cube .out_left {
  transform: rotateY(-90deg) translateZ(100px);
}

.cube .out_right {
  transform: rotateY(90deg) translateZ(100px);
}

.cube .out_top {
  transform: rotateX(90deg) translateZ(100px);
}

.cube .out_bottom {
  transform: rotateX(-90deg) translateZ(100px);
}

/*定义小正方体样式*/
.cube span {
  display: block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 50px;
  right: 50px;
}

.cube .in_pic {
  width: 100px;
  height: 100px;
}

.cube .in_front {
  transform: rotateY(0deg) translateZ(50px);
}

.cube .in_back {
  transform: translateZ(-50px) rotateY(180deg);
}

.cube .in_left {
  transform: rotateY(-90deg) translateZ(50px);
}

.cube .in_right {
  transform: rotateY(90deg) translateZ(50px);
}

.cube .in_top {
  transform: rotateX(90deg) translateZ(50px);
}

.cube .in_bottom {
  transform: rotateX(-90deg) translateZ(50px);
}

/*鼠标移入后样式*/
.cube:hover .out_front {
  transform: rotateY(0deg) translateZ(200px);
}

.cube:hover .out_back {
  transform: translateZ(-200px) rotateY(180deg);
}

.cube:hover .out_left {
  transform: rotateY(-90deg) translateZ(200px);
}

.cube:hover .out_right {
  transform: rotateY(90deg) translateZ(200px);
}

.cube:hover .out_top {
  transform: rotateX(90deg) translateZ(200px);
}

.cube:hover .out_bottom {
  transform: rotateX(-90deg) translateZ(200px);
}

/* TOP回到顶部 */
#back-top {
    position: fixed;
    bottom: 10px;
    right: 5px;
    z-index: 99;
}
#back-top a {
    outline: none;
}
#back-top span {
    width: 50px;
    height: 64px;
    display: block;
    background: url(https://i.loli.net/2019/06/20/5d0b36f60431e86103.png) no-repeat center center;
}