html,body{ margin: 0; padding: 0; } .pagebox{ position:relative; } body{ background:#fff; color:#535353; font-family: "Microsoft Yahei",Tahoma,Arial,Helvetica,STHeiti, sans-serif !important; margin:0 auto; padding:0; text-align:left; overflow-x: hidden; } body .e_title { font-family: "Microsoft Yahei",Tahoma,Arial,Helvetica,STHeiti, sans-serif !important; font-size:1rem; } .resetHtmlCssStyle p,.resetHtmlCssStyle div,.reset_style,.reset_style span{ font-family: "Microsoft Yahei",Tahoma,Arial,Helvetica,STHeiti, sans-serif !important; } a { text-decoration: none; } a:hover, a:active { text-decoration: none; } a:focus { text-decoration: none; } .clearBoth { clear:both;  width:100%; height:0px; font-size:0; overflow:hidden;  line-height:0; } .e_SideOrdinaryStyleBox-001 .title_main::after { content: ''; margin: 8px auto; background:#08599d; display: inline-block; width: 50px; height: 2px; margin-left: 10px; position: relative; z-index: 1; } .e_SideOrdinaryStyleBox-001 .title_main::before { content: ''; margin: 8px auto; background:#08599d; display: inline-block; width: 50px; height: 2px; margin-right: 10px; position: relative; z-index: 1; } .p_OccupyBox, .p_pagebox{ width: 100%; display: inline-block; text-align: center; margin-top: 20px; } .p_page{ padding: 0; margin: 0; } .p_page .pre, .p_pagebox .pre, .p_pagebox .next, .NumBox{ border-radius: 0; transition: all ease .15s; display: inline-block; line-height: 28px; width: auto; background: none; height: auto; padding: 0; margin: 0 2.5px 0; padding: 0 10px; } .p_page .next{ margin: 0 0 0 5px; border-radius: 0; transition: all ease .15s; border: 1px solid #d9d9d9; background: #fff; text-align: center; padding: 0 10px; display: inline-block; line-height: 28px; } .p_pagebox .pre, .p_pagebox .next, .NumBox{ padding: 0 0px; } .p_page .next i{ line-height: 28px; } .p_page .pre{ margin: 0 5px 0 0px; color: #595959; border: 1px solid #d9d9d9; text-align: center; } .p_page .pageNum{ margin: 0 5px; padding: 0; border-radius: 0; transition: all ease .15s; background-size: 100% 100%; color: #595959; border: 1px solid #d9d9d9; cursor: pointer; line-height: 28px; display: inline-block; font-size: 14px; background-color: #fff; text-align: center; position: relative; height: 30px; min-width: 30px; } .ItemBox li{ display: inline-block; margin: 8px 6px 0; background:none !important; height: 26px !important; line-height: 26px !important; } .ItemBox li span{ height:24px; line-height:24px; border: 1px solid #d9d9d9; background-color: #fff; color: #595959; font-size: 14px; display: inline-block; position: relative; cursor: pointer; min-width: 33px; } .p_pagebox .pre .font, .p_pagebox .next .font{ position: relative; float: left; height: 44px; min-width: 88px; padding: 0 5px; color: #595959; border: 1px solid #d9d9d9; cursor: pointer; line-height: 44px; display: inline-block; font-size: 14px; background-color: #fff; text-align: center; transition: all ease .15s; } .p_page .pageNum.active, .p_page .pageNum:hover, .p_page .next:hover, .p_page .pre:hover, .ItemBox li span:hover, .p_pagebox .pre .font:hover, .p_pagebox .next .font:hover{ background-color:#008FBF; color: #fff; border-color:#008FBF; } .p_pagebox .pre .font i, .p_pagebox .next .font i{ display:none; }   ::-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; } }