html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }@media only screen and (min-width:769px){ .p_page{ display:inline-block!important; } .p_page .next .i_next{ display:block!important; } .p_page .next .iconfont{ display:none!important; } .p_page .pre .i_pre{ display:block!important; } .p_page .pre .iconfont{ display:none!important; } .p_page .next{ border:1px solid #008bd1!important; color:#fff!important; border-radius: 0!important; background-color: #008bd1!important; } .p_page .pre{ border:1px solid #008bd1!important; background-color: #008bd1!important; color:#fff!important; border-radius: 0!important; } .p_page .pageNum{ border-color:#f2f2f2!important; border-radius: 0!important; background-color: #f2f2f2!important; color:#666!important; } .p_page .pre:hover{ color: #fff!important; background-color: #008bd1!important; border-color:#008bd1!important; } .p_page .next:hover{ color: #fff!important; background-color: #008bd1!important; border-color:#008bd1!important; } .p_page .pageNum:hover{ color: #fff!important; background-color: #008bd1!important; border-color:#008bd1!important; } .p_page .pageNum.active{ color: #fff!important; background-color: #008bd1!important; border-color:#008bd1!important; } } @media only screen and (max-width:768px){ #w_common_text-1626857259519 span{ font-size:32px!important; } #w_common_text-1626857282479 span{ font-size:22px!important; } .p_pagebox .pre .font { font-size:12px!important; } .p_pagebox .num { font-size:16px!important; } .p_pagebox .next .font { font-size:12px!important; } .p_pagebox .next { background-color: #008bd1!important; color: #fff!important; } .p_pagebox .pre { background-color: #008bd1!important; color: #fff!important; } .p_pagebox .pre .iconfont{ color:#fff!important; font-size: 16px!important; } .p_pagebox .next .iconfont{ color:#fff!important; font-size: 16px!important; } }