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

 .pagebox {
   position: relative;
 }

 @import url('https://fonts.font.im/css?tenantId=212322&viewType=1&family=Oswald');

 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: 9px;
   background-color: #fff;
 }

 ::-webkit-scrollbar-thumb {
   border: solid 2px #fff;
   width: 5px;
   border-radius: 4px;
   background-color: #0d4486;
 }

 ::-webkit-scrollbar-corner {
   background-color: #fff;
 }

 ::-webkit-scrollbar:horizontal {
   height: 9px;
 }

 ::-webkit-selection {
   background: #0d4486;
   color: #fff;
 }

 ::-moz-selection {
   background: #0d4486;
   color: #fff;
 }

 ::selection {
   background: #0d4486;
   color: #fff;
 }

 @keyframes circleProgressLoad_right {
   0% {
     transform: rotate(45deg);
   }

   50%,
   100% {
     transform: rotate(225deg);
   }
 }

 @keyframes circleProgressLoad_left {

   0%,
   50% {
     transform: rotate(45deg);
   }

   100% {
     transform: rotate(225deg);
   }
 }