html,body {
  margin: 0;
  padding: 0;
}

.pagebox {
  position: relative;
}

@import url('https://fonts.font.im/css?tenantId=190730&viewType=1&v=1732161915000&family=Oswald'); p, span, a, .font {
  word-break: keep-all !important;
  word-wrap: break-word !important;
}

a {
  text-decoration: none;
}

a:hover,a:active {
  text-decoration: none;
}

a:focus {
  text-decoration: none;
}

@media only screen and (min-width: 769px) {
  .p_page .pre {
      display: inline-table;
      position: relative;
      left: 0;
      top: 0;
      float: left;
      height: 38px;
      margin: 0 5px 0 18px;
      text-align: center;
      padding: 0 10px;
      border-radius: 0px;
      border: 1px solid #fff;
      background: #fff;
      color: #333333;
  }

  .p_page .pre:active {
      background: #1e326e;
      border-color: #1e326e;
      color: #fff;
  }

  .p_page .pre:hover {
      color: #fff;
      background: #1e326e;
      border-color: #1e326e;
      cursor: pointer;
  }

  .p_page .next {
      display: inline-table;
      position: relative;
      left: 0;
      top: 0;
      float: left;
      height: 38px;
      border: 1px solid #fff;
      background: #fff;
      color: #333;
      text-align: center;
      padding: 0 10px;
      border-radius: 0px;
  }

  .p_page .next:active {
      background: #1e326e;
      border-color: #1e326e;
      color: #fff;
  }

  .p_page .next:hover {
      background: #1e326e;
      border-color: #1e326e;
      color: #fff;
      cursor: pointer;
  }

  .p_page .pageNum {
      position: relative;
      float: left;
      height: 38px;
      min-width: 38px;
      margin: 0 5px 0 0;
      padding: 0 5px;
      background-size: 100% 100%;
      color: #595959;
      border: 1px solid #fff;
      cursor: pointer;
      line-height: 38px;
      display: inline-block;
      font-family: inherit;
      font-size: 14px;
      font-weight: inherit;
      text-decoration: none;
      background-color: #fff;
      text-align: center;
      border-radius: 0px;
  }

  .p_page .pageNum:active {
      color: #fff;
      text-decoration: none;
      background-color: #1e326e;
      border-color: #1e326e;
  }

  .p_page .pageNum:hover {
      color: #fff;
      border-color: #1e326e;
      cursor: pointer;
      text-decoration: none;
      background-color: #1e326e;
  }

  .p_page .pageNum.active {
      text-decoration: none;
      background-color: #1e326e;
      color: #fff;
      border-color: #1e326e;
  }
}

@media screen and (max-width: 768px) {
  .p_pagebox .NumBox {
      display: none !important;
  }

  .p_pagebox {
      width: 100%;
      text-align: center;
  }

  .p_pagebox .js_pageBtnDisable, .p_pagebox .js_pageBtnDisable:hover, .p_pagebox .js_pageBtnDisable:active {
      background: #f5f5f5 !important;
      border-color: #d9d9d9 !important;
      color: #bfbfbf !important;
      cursor: default;
  }

  .p_pagebox .js_pageBtnDisable .iconfont {
      color: #ddd !important;
  }

  .p_pagebox .js_pageBtnDisable:hover .iconfont {
      color: #bfbfbf !important;
  }

  .p_pagebox .pre {
      width: 48%;
      margin-right: 2%;
      background-color: #1e326e;
  }

  .p_pagebox .pre:hover {
      color: rgba(255, 255, 255, 1);
      border-color: #1e326e;
      background-color: #1e326e;
      cursor: pointer;
  }

  .p_pagebox .pre:active {
      background-color: #1e326e;
  }

  .p_pagebox .next {
      width: 48%;
      margin-left: 2%;
      background-color: #1e326e;
  }

  .p_pagebox .next:hover {
      background-color: #1e326e;
  }

  .p_pagebox .next:active {
      background-color: #1e326e;
  }
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: #f7f7f7;
  border-radius: 0px;
}

::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
  background: #ff591f;
}

@-webkit-keyframes scaleBigToSmall {
  0% {
      opacity: 1;
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
  }

  100% {
      opacity: 1;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
  }
}

@keyframes scaleBigToSmall {
  0% {
      opacity: 1;
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
  }

  100% {
      opacity: 1;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
  }
}

@-webkit-keyframes scaleUpDown {
  from {
      -webkit-transform: scale(1.08);
      transform: scale(1.08);
  }

  to {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
  }
}

@keyframes scaleUpDown {
  from {
      -webkit-transform: scale(1.08);
      transform: scale(1.08);
  }

  to {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
  }

  @-webkit-keyframes slideIn {
      0% {
          -webkit-transform: translateX(-100%);
          opacity: 1;
      }

      100% {
          -webkit-transform: translateX(0);
          opacity: 1;
      }
  }

  @keyframes slideIn {
      0% {
          transform: translateX(-100%);
          opacity: 1;
      }

      100% {
          transform: translateX(0);
          opacity: 1;
      }
  }

  @-webkit-keyframes imgIn {
      0% {
          -webkit-transform: -webkit-translateX(100%);
          opacity: 1;
      }

      100% {
          -webkit-transform: -webkit-translateX(0);
          opacity: 1;
      }
  }

  @keyframes imgIn {
      0% {
          transform: translateX(100%);
          opacity: 1;
      }

      100% {
          transform: translateX(0);
          opacity: 1;
      }
  }
