html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }#w_grid-1623398839989 > div > .p_gridbox { margin: 10px auto !important; background: #fff; padding: 0px 0 !important; } @font-face { font-family: "Sy-Normal"; src: url('https://static202.yun300.cn/upload/font/SourceHanSansSC-Normal.otf?tenantId=239085&viewType=1&v=1723103848000') format('opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: "Sy-Regular"; src: url('https://static202.yun300.cn/upload/font/SourceHanSansSC-Regular.otf?tenantId=239085&viewType=1&v=1723103848000') format('opentype'); font-weight: normal; font-style: normal; } @media only screen and (min-width: 769px) #w_grid-1623398839989 > div > .p_gridbox { margin: 0px auto; background: #fff; padding: 00px 0; } @font-face { font-family: "Sy-Medium"; src: url('https://static202.yun300.cn/upload/font/SourceHanSansSC-Medium.otf?tenantId=239085&viewType=1&v=1723103848000') format('opentype'); font-weight: normal; font-style: normal; }@font-face { font-family: "ping"; src: url('../font/PingFang Light.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: "ariblk"; src: url("https://static202.yun300.cn/upload/font/ariblk.woff2?tenantId=239085&viewType=1&v=1723103848000") format("woff2"), url("https://static202.yun300.cn/upload/font/ariblk.woff?tenantId=239085&viewType=1&v=1723103848000") format("woff"), url("https://static202.yun300.cn/upload/font/ariblk.ttf?tenantId=239085&viewType=1&v=1723103848000") format("truetype"), url("https://static202.yun300.cn/upload/font/ariblk.eot?tenantId=239085&viewType=1&v=1723103848000") format("embedded-opentype"), url("https://static202.yun300.cn/upload/font/ariblk.svg?tenantId=239085&viewType=1&v=1723103848000") format("svg"), url("https://static202.yun300.cn/upload/font/ariblk.otf?tenantId=239085&viewType=1&v=1723103848000") format("opentype"); font-weight: normal; font-style: normal; } @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; } }