.navbar {
  background-color: #ffffff;
  color: #333333;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); }
  .navbar .menu > span {
    color: #DDDDDD; }

.article {
  padding: 110px 0 80px;
  font-size: 16px;
  color: #68768B; }
  .article .container {
    /*width: 990px;*/
    padding: 0 90px; }
  .article a {
    color: #999999; }
  .article h1 {
    font-size: 36px;
    color: #333333;
    font-weight: 600;
    text-align: center; }
  .article .middle {
    padding: 15px 0 20px;
    border-bottom: 1px solid #DDDDDD; }
  .article .date {
    margin-left: 20px; }
  .article .content {
    padding: 27px 0;
    font-size: 14px !important;
    line-height: 2em !important;
    color: #333333; }
  .article .bottom {
    height: 44px;
    line-height: 44px;
    background: #F6FAFF;
    box-sizing: border-box;
    padding: 0 47px; }
    .article .bottom .prev {
      margin-right: 60px; }
    .article .bottom .back {
      position: relative; }
      .article .bottom .back::after {
        content: '';
        width: 10px;
        height: 10px;
        border: 2px solid #999999;
        border-top: none;
        border-right: none;
        transform: rotate(45deg);
        display: inline-block;
        position: absolute;
        top: 40%;
        left: -15px; }