::selection {
  background: #e02177;
  color: #fff; }

::-webkit-scrollbar-track-piece {
  background-color: #fff; }

::-webkit-scrollbar-thumb {
  background: #fff; }

::-webkit-scrollbar {
  width: 0; }

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

a {
  background-color: transparent;
  color: inherit;
  text-decoration: none; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.6;
  margin: 1.5em 0 .5em; }

html {
  font-size: 100%; }

pre {
  font-family: "Microsoft Yahei"; }

ul {
  list-style: none; }

.clearfix:before, header:before, .wrapper:before, .nav ul:before, #pagination ul:before, .clearfix:after, header:after, .wrapper:after, .nav ul:after, #pagination ul:after {
  content: " ";
  display: table; }

.clearfix:after, header:after, .wrapper:after, .nav ul:after, #pagination ul:after {
  clear: both; }

body {
  font-family: "Microsoft Yahei", sans-serif;
  line-height: 1.6;
  color: #111;
  background-color: #fff;
  font-size: 1m; }

.full-width, footer, header {
  background: #fff;
  margin: 0 auto;
  max-width: 1500px; }

/* .full-width {
	transition: background .4s;
	&:hover {
		background: $hoverBg;
	}
} */
.wrapper {
  margin: 0 1em; }
  .wrapper section {
    width: 80%;
    margin: 0 auto;
    font-size: 1m;
    text-align: center; }
    .wrapper section img {
      max-width: 100%; }

.logo {
  display: block;
  float: left;
  height: 100%;
  padding: .75em 0;
  margin: .4em 0; }

.nav {
  float: right;
  padding: .75em 0; }
  .nav ul li {
    float: left; }
    .nav ul li a {
      display: block;
      padding: .4em .9em; }

.align-center {
  text-align: center; }

.pusher section {
  text-align: left; }

h2 {
  font-size: 1.8em;
  text-align: center;
  display: inline-block;
  padding-bottom: 0.2em;
  border-bottom: 2px solid #e02177;
  width: auto;
  text-align: left; }

.button {
  background: #000;
  color: #fff;
  display: inline-block;
  margin: 1em;
  text-align: center;
  height: 100%;
  padding: .5em 1em;
  transition: background .3s; }

.button:hover {
  background: #e02177;
  color: #fff; }

.post-info {
  text-align: center; }
  .post-info .tag-list, .post-info .category-list {
    display: inline-block; }
    .post-info .tag-list .tag-list-link, .post-info .tag-list .category-list-link, .post-info .category-list .tag-list-link, .post-info .category-list .category-list-link {
      background: #eee;
      color: #4d4d4c;
      padding: 2px 5px; }

.post-con {
  text-align: left; }

.pagination {
  text-align: center; }
  .pagination li {
    display: inline-block; }

#pagination ul {
  margin: 2em 0; }

#prev {
  float: left; }

#next {
  float: right; }

footer {
  padding: 4em 0;
  text-align: center; }

@media (min-width: 1024px) {
  .container {
    padding: 2em; }
  .copyright {
    color: #888;
    font-size: .9em;
    padding-top: .5em; }
  .fixed {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1; }
    .fixed section.bg {
      height: 100vh;
      background: url(../img/fixedBg.jpg) 50% 50% no-repeat; }
  .pusher {
    margin-bottom: 450px; } }

@media screen and (max-width: 680px) {
  .wrapper, .logo {
    margin: 0 auto; }
  .logo, .nav {
    float: none;
    padding: 0;
    text-align: center; }
  .nav ul {
    display: inline-block; }
    .nav ul li {
      border: 1px solid #333; }
      .nav ul li:nth-of-type(n+2) {
        border-left: none; } }

blockquote {
  color: #666;
  border-left: 4px solid #e02177; }
  blockquote p {
    padding: 0 15px; }

.highlight {
  background: #f7f7f7;
  color: #4d4d4c;
  font-size: 14px;
  line-height: 1.6;
  overflow: auto;
  padding: 10px 20px; }