body {
    font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-size: 1em;
    color: #595959;
    -webkit-font-smoothing: antialiased;
    text-align: justify;
    height: 100%;
    width: 100%;
    line-height: 1;
    display: block;
    margin: 0px;
}

.background {
    width: 100%;
    height: 100%;
    background-position: center center;
    margin: 0;
}

html, body {
    height: 100%;
}

.index-main {
    display: table;
    position: relative;
    display: table;
    width: 35%;
    height: 100%;
    padding: auto;
    margin: 0px;
    float: left;
}

.index-main__inner {
    display: table-cell;
    padding: 0 60px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 800;
    margin: 0px;
}
.index-inverted {
    font-weight: 100;
    text-align: center;
    color: #FFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    margin: 0px;
}

.index-main__content {
    max-width: 620px;
    margin: 0 auto;
}

.index-cover__logo {
    margin-bottom: .2em;
    width: 70px;
}

.avatar, .logo {
    border-radius: 50%;
    border: 3px solid #FFF;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3);
}

.index-title {
    font-size: 2em;
    margin: 0 0 5px 0;
    font-size: 2em;
    letter-spacing: 4px;
    color: #FFF;
}

a{
    text-decoration: none;
    color: #FFF;
}

h1 {
    margin-top: 0;
    font-size: 2em;
    line-height: 1.2em;
    letter-spacing: .05em;
    display: block;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

h1, h2, h3, h4, h5, h5 {
    margin-top: 1.0em;
    margin-bottom: .5em;
    font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: lighter;
    color: #333333;
    -webkit-font-smoothing: antialiased;
}

.index-subtitle {
    font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-size: 1.2em;
    font-weight: lighter;
    letter-spacing: 3px;
    color: #CCCCCC;
    -webkit-font-smoothing: antialiased;
}

.index-cover__divider {
    width: 50%;
    margin: 20px auto;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}

hr {
    border: none;
}

.index-cover__description {
    display: block;
    max-width: 600px;
    margin: 0 auto;
}

p {
    margin-bottom: 1.3em;
    line-height: 1.7em;
    margin-top: 0px
}

.index-cover__divider--secondary {
    display: none;
    width: 15%;
}

.cover-menu {
    margin: 20px 0px;
}

nav {
    display: inline-block;
    position: relative;
}

.menu {
    display: inline-block;
    float: left;
    position: relative;
    margin: 0;
    list-style-type: none;
    padding: 0;
}

.menu__item {
    display: inline-block;
    margin: 5px 1px 0 0;
    line-height: 1em;
}

.menu__item a {
    display: block;
    position: relative;
    border-color: #FFF;
    color: #FFF;
    opacity: .8;
    padding: 10px 20px;
    border: 1px solid #cacaca;
    border-radius: 20px;
    font-size: .9em;
    font-weight: bold;
    letter-spacing: 1px;
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
}

.passages {
  perspective: 1000px; /* 设置透视效果的观察距离 */
  width: 64%;
  height: 100%;
  background-color: transparent; /* 将背景设置为透明 */
  position: relative;
  float: right;
  border-left: 2px solid #fff;
}

.passages_list{
  margin: 0 10%;
  padding: 50px 0;
  max-width: 850px;
}

.passages_list li{
  list-style-type:none;
  background-color:#ffffff7c
}

.list-title{
  margin-top: 0;
  margin-bottom: .2em;
  font-size: 1.5em;
  line-height: 1.3em;
}

.list-title a{
  color: #000000;
}

.btn-border-small {
  border: 1px solid #000000;
  border-radius: 20px;
  padding: 6px 8px;
  font-size: .8em;
  margin-left: 10px;
}

.excerpt{
  margin: 0;
  font-size: .9em;
  color: #6f6f6f;
}

.list-meta{
  display: block;
  margin: .7em 0 0 0;
  font-size: .9em;
  color: #666565;
}

.list-meta a{
  color: #585858;
}

.list-divider{
  width: 30%;
  margin: 2.2em 0 2.1em 0;
  border-top: 1px solid #000000;
}



@media all and (max-width: 1100px) {

    .index-main {
      width: 100%;
    }

    .index-cover__logo {
      width: 70px; }
  
    .index-title {
      font-size: 2em;
      letter-spacing: 0px;}
  
    .index-subtitle {
      font-size: 1em;
      letter-spacing: 0px;}
  
    .index-cover__description {
      margin: 0 10px;
      font-size: .9em; }
  
    .menu--social {
      margin-top: 5px;
      margin-left: 0; }
    
    .passages {
      width: 100%;
      max-width: none;
      margin: 0 auto;
    } }

@media all and (max-width: 760px) {
    .index-main {
      display: table;
      position: relative; }
  
    .index-cover--collapsed {
      width: 100%;
      max-width: none; }
  
    .index-main__inner {
      display: table-cell;
      padding: 0px 0px; }
  
    .index-cover__description {
      display: block;
      max-width: 600px;
      margin: 0 auto; }
  
    .index-cover__divider--secondary {
      display: none; }
  
    .index-cover {
      width: 100%;
      height: 100%;
      background-position: center center; }
    .index-cover.index-cover--collapsed {
      display: block;
      position: relative;
      height: auto;
      padding: 0;
      background-position: center center; }
    .index-cover.index-cover--collapsed .index-main__inner {
      display: block;
      padding: 70px 0 30px 0; }
    .index-cover.index-cover--collapsed .index-cover__logo {
      width: 60px;
      border-width: 2px; }
    .index-cover.index-cover--collapsed .index-cover__description {
      display: none; }
    .index-cover.index-cover--collapsed .index-cover__divider {
      display: none;
      margin: 1em auto; }
     .menu__item a {
      padding: 10px 15px;
     }
}

@media all and (max-width: 360px) {
    .index-title {
     font-size: 1.8em;
     letter-spacing: 0px;}
    .menu__item a {
     padding: 10px 10px;}
    .hui-footer-ft-contact a {
     font-size: 0.8em;}
}