html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }:root{ --theme-color:#0354a2; --aid-color:#0354a2; --max:1380px; --width:94%; --padding1:6vw 0;  --padding2:80px 0 0; --padding3: 0 0 80px; font-size: 62.5%;  } @media only screen and (max-width: 1440px){ :root{ --width:90%; font-size: 50%;  } } @media only screen and (max-width: 768px){ :root{ --width:94%; } } .reset_style h1{ font-size:48px!important; font-weight: normal; } .reset_style h2{ font-size:36px!important; font-weight: normal; } .js-adapMobile h2{ font-weight: bold !important; font-size: 18px !important; } .reset_style h3{ font-size:24px!important; font-weight: normal; } .reset_style h4{ font-size:16px!important; font-weight: normal; } .reset_style h5{ font-size:14px!important; font-weight: normal; } .reset_style h6{ font-size:30px!important; font-weight: normal; } @media only screen and (max-width: 900px){ .reset_style h1 span{font-size:30px!important;} .reset_style h2 span{font-size:24px!important;} .reset_style h3 span{font-size:22px!important;} .reset_style h4 span{font-size:18px!important;} .reset_style h5 span{font-size:16px!important;} .reset_style h6 span{font-size:14px!important;} }  .p_page .pageNum.active,.p_page .pageNum:hover,.p_page .next:hover,.p_page .pre:hover,.p_pagebox .next,.p_pagebox .pre { background-color:var(--theme-color)!important; color: #fff!important; border-color:var(--theme-color); border-radius: 0px; } .p_page .next,.p_page .pre,.p_page .pageNum{ border-radius: 0px; line-height: 30px; background-color: #f1f1f1!important; color: #444!important; border: none; min-width: 30px; margin: 0 1px; } .p_page .next,.p_page .pre{ padding-right: 20px; padding-left: 20px; } .p_page .next .iconfont,.p_page .pre .iconfont{display:none;} .p_page .next .i_next,.p_page .pre .i_pre{display:block;} @media only screen and (max-width: 768px) { .p_pagebox { max-width: 280px; margin-bottom:20px; } .p_pagebox .pre .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 14px; } .p_pagebox .num { display: table-cell; vertical-align: middle; font-size: 14px; text-align: center; width: 100%; height:45px; } .p_pagebox .next .font{ font-size: 14px; } .p_pagebox .pre .iconfont, .p_pagebox .next .iconfont{ color: #ffffff; font-size: 15px; line-height: 23px; } .p_pagebox .num .iconfont:before { content: "\e69c"; font-size: 14px; } .p_pagebox .next .iconfont:before { content: "\e6af"; font-size: 14px; } .p_pagebox .next,.p_pagebox .pre{ padding: 0 5px; width: 30%; } .p_pagebox .num .iconfont { width: auto; height: auto; position: absolute; right: 15px; top: 14px; font-size: 14px; } .p_pagebox .NumBox { width: 40%; } .p_pagebox .ItemBox .jump { display: none; } .p_pagebox .ItemBox{ bottom:0; } } @media only screen and (max-width: 3000px) and (min-width:1921px){ body { zoom: 0.8; } } @media only screen and (max-width: 1600px) and (min-width:1280px){ body { zoom: 0.8; } }