:root {
  --headerHeight: 46px;
    --swiper-theme-color: transparent;
  }

    .pc-bg {
      position: relative;
      background-image: url(//asset.ibanquan.com/s/129002/880/bg?design_theme_id=0&v=1754302921_1625711200);
      width: 100%;
      height: 100vh;
      background-position: center;
      background-size: cover;
    }
    .pc-icp {
      position: absolute;
      bottom: 10px;
      left: 50%;
      color: #000;
      font-size: 14px;
      transform: translate(-50%, 0);
    }

    @font-face{
      font-family: HelveticaNeue;
      src: url('//asset.ibanquan.com/file/60cf089f36be620024cd9001')
    }


    @font-face{
      font-family: HelveticaNeue-Bold;
      src: url('//asset.ibanquan.com/file/60cf08860fe59d0024ebe58b')
    }

    @font-face{
      font-family: helveticaneue-light;
      src: url('//asset.ibanquan.com/file/60cf43920fe59d0024ebe5e3')
    }


    @font-face{
      font-family: Times-Italic;
      src: url('//asset.ibanquan.com/file/60cf08860fe59d0015ebd898')
    }

    .settings-body_background {
      background-color: #fff;
    }


    /*Plugin CSS*/
    .str_wrap {
      overflow:hidden;
      width:100%;
      font-size:12px;
      line-height:16px;
      position:relative;
      -moz-user-select: none;
      -khtml-user-select: none;
      user-select: none;  
      white-space:nowrap;
    }

    .str_wrap.str_active {
      background:#f1f1f1;
    }
    .str_move { 
      white-space:nowrap;
      position:absolute; 
      top:0; 
      left:0;
      cursor:move;
    }
    .str_move_clone {
      display:inline-block;
      vertical-align:top;
      position:absolute; 
      left:100%;
      top:0;
    }
    .str_vertical .str_move_clone {
      left:0;
      top:100%;
    }
    .str_down .str_move_clone {
      left:0;
      bottom:100%;
    }
    .str_vertical .str_move,
    .str_down .str_move {
      white-space:normal;
      width:100%;
    }
    .str_static .str_move,
    .no_drag .str_move,
    .noStop .str_move{
      cursor:inherit;
    }
    .str_wrap img {
      max-width:none !important;	
    }

    /* 用户自定义 CSS */
    .c-page-title {
      font-family: HelveticaNeue;
      position: fixed;
      top:0;
      display: flex;
      width: 100%;
      text-indent: 15px;
      align-items: center;
      justify-content: space-between;
      height: var(--headerHeight);
        color: #fff;
        font-size: 20px;
        background-color: #000;
        z-index: 98;
        }

    .c-page-title .add-icon {
      width: 35px;
      font-size: 25px;
      height: 100%;
      display: flex;
      align-items: center;
    }
    .add-icon::before{
      content: '';
      position: absolute;
      width: 16px;
      margin-left: 8px;
      border-top: 2px solid;
    }

    .add-icon::after {
      content: '';
      position: absolute;
      height: 16px;
      margin-left: 15px;
      border-left: 2px solid;
    }

    .add-icon.s-des::after {
      display: none;
    }
    .c-page-wrap {
      padding-top: var(--headerHeight);
        }

    .index-wrap {
      position: fixed;
      height: 100%;
      background-color: #000;
    }


    .index-wrap .bg-stripe {
      width: 100vw;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      /**transition: all .3s;*/
    }

    .index-wrap .bg-stripe .bg-stripe-img {
      width: 100vw;
      margin: 0 auto;
      display: block;
    }

    .index-menu-list {
      color: #fff;
      position: absolute;
      bottom: 15px;
      left: 15px;
      font-size: 20px;
      line-height: 24px;
      font-family: Helvetica Neue;
      font-weight: 400;
      transition: all .3s;
    }

    .index-menu-link {
      display: inherit;
      color: #000;
      transition: all .3s;
    }

    .index-cont {
      position: absolute;
      left:0;
      bottom:0;
      width: 100%;
      height: calc(100% - 50px);
      background-color: #fff;
      transition: all 1s;
    }
    .index-cont.hide {
      bottom:-102%;
    }

    .index-cont-box {
      height: calc(100% - 105px);
      position: absolute;
      left:0;
      top:0;
    }

    .index-cont-wrap {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      overflow: hidden;
    }

    .index-cont-img {
      height: calc(100% - 72px);
      flex: 1;
      display: flex;
      align-items: flex-end
    }

    .index_image{
      width: 100%;
      height: 100%;
      overflow: hidden;
      object-fit: fill;
      /*transition: height 2s ease;*/
      /*animation:heightChane 4s ease 1s infinite;*/
    }

    @keyframes heightChane
    {
      0 {height: 100%;}
      50% {height: 120px;}
      100% {height: 100%;}
    }

    .index-cont-text {
      font-family: HelveticaNeue;
      padding: 15px;
      font-size: 20px;
      line-height: 1.05;
      box-sizing: border-box;
    }


    /** posts-image-list **/
    .posts-image-list {
      display: flex;
      flex-wrap: wrap;
    }
    .posts-image-list .img-item {
      width: 33.33vw;
      height: 33.33vw;
    }
    .posts-image-list .img-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .posts-imgs-popup {
      display: none;
      position: fixed;
      width: 100vw;
      height: calc(100vh - var(--headerHeight));
        top: var(--headerHeight);
          background: #fff;
          z-index: 99;
          }
    .posts-imgs-popup_close {
      position: absolute;
      top: 5px;
      right: 5px;
      z-index: 9;
      width: 25px;
      height: 25px;
      font-size: 22px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
    }

    .posts-imgs-popup .swiper-slide {
      overflow-y: auto;
    }

    .posts-imgs-popup .swiper-slide img {
      width: 100%;
    }

    .posts-imgs-popup .swiper-container {
      height: 100%;
    }

    .posts-imgs-popup .swiper-button-next, .posts-imgs-popup .swiper-button-prev {
      color: #000;
      outline: none;
    }

    .posts-imgs-popup .swiper-button-next:after, .posts-imgs-popup .swiper-button-prev:after {
      font-size: 15px;
    }



    /********c-posts**********/
    .c-posts-list {

    }
    .c-posts-list .c-posts-item{
      position: relative;
    }

    .c-posts-img {
      width: 100%;
      vertical-align: middle;
    }

    .c-posts-title {
      position: absolute;
      top: 10px;
      left: 15px;
      color: #fff;
      z-index: 9;
    }
    .c-posts-title_main {
      font-family: HelveticaNeue-Bold;
      margin-right: 5px;
      font-size: 20px;
    }
    .c-posts-title_mid {
      font-family: helveticaneue-light;
      margin-right: 3px;
      font-size: 20px;
    }
    .c-posts-title_sub {
      font-family: Times-Italic;
      font-size: 12px;
    }
    .posts-menu {
      display: none;
      position: fixed;
      width: 100vw;
      height: calc(100vh - var(--headerHeight));
        overflow-y: auto;
        top: var(--headerHeight);
          color: rgba(255, 255, 0, 1);
          background: #000;
          z-index: 99;
          }
    .posts-menu-list {
      padding: 0 15px 60vh;

    }

    .posts-menu-item {
      height: 45px;
      display: flex;
      align-items: center;
      border-bottom: 1px solid;
    }

    .posts-menu-item_main {
      font-family: HelveticaNeue-Bold;
      font-size: 20px;
      margin-right: 5px;
    }

    .posts-menu-item_sub {
      font-family: Times-Italic;
      font-size: 12px;
      margin-bottom: -6px;
    }
    .posts-menu .posts-menu-img {
      display: none;
      position: fixed;
      bottom: 15px;
      right: 15px;
      width: 50vw;
      max-height: 60vh;
      object-fit: contain;
    }
    .posts-menu-item_mid {
      font-family: helveticaneue-light;
      margin-right: 3px;
      font-size: 20px;
    }