.sptC{width: 100%;background-color: #FFF5EE}
.sptB{max-width: 1200px;margin: 0 auto;padding: 5rem 0;text-align: center}
.sptH1{font-size: 3rem;line-height: 2.5rem;font-weight: bold}
.sptP1{font-size: 1.25rem;margin-top: 32px}
.spmAlpC{width: 100%}
.spmAlpB{max-width: 1200px;margin: 0 auto;padding-top: 2rem}
.spmAlpL{display: flex;justify-content: space-between}
.spmAlpL a{color: #232323;text-decoration: none}
.spmAlpS{width: 40px;height: 40px;border-radius: 50%;text-align: center;line-height: 40px;cursor: pointer;display: block}
.spmAlpL .action{background-color: rgba(255, 103, 0, 0.3)!important;}
.spmAlpS:hover{background-color: #f1f1f1}

.spmC{max-width: 1200px;margin: 0 auto;padding: 1rem 0 3rem}
.spmB{width: 100%}
.spmList{margin: 1rem 0}
.spDG{display: grid}
.spGAP{gap: 1.5rem}
.spGTC{grid-template-columns: repeat(4,1fr)}
.spmA{color: #232323;text-decoration: none}
.spmA:hover{color: #232323}
.spmItem{padding: 1rem 0.625rem;box-shadow: 0 14px 24px rgba(0, 0, 0, 0.05);text-align: center;border-radius: 1rem}
.spmItem:hover{box-shadow: 0 14px 16px rgba(18, 17, 39, 0.1);}
.spmImg{width: 16.375rem;height: 3rem;}
.spmP{font-size: 0.875rem;font-weight: 400;margin-top: 0.375rem;margin-bottom: 0}

.page_list{margin:48px auto 0;text-align:center;font-size: 13px;}
.page_list a{color: #232323;box-sizing: border-box;display: inline-block;width: 25px;height: 25px;line-height: 25px;text-decoration: none;border-radius: 50%;font-weight: bold;}
.page_list a:hover{color: #409eff}
.page_list .currentPage{color: #409eff}
.page_list .pageTotal{margin-right: 8px;color:#606266}

#back-to-top {position: fixed;display: none;bottom: 20px;right: 20px;}
#back-to-top a {text-align: center;text-decoration: none;color: #d1d1d1;display: block;width: 64px;-moz-transition: color 1s;-webkit-transition: color 1s;-o-transition: color 1s;}
#back-to-top a span {background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAIAAAADnC86AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWRJREFUeNpiTEtLYxgIwMQwQGDU4lGLRy2mGmDBJTFz5kzKTU9PTx86Psbj2IGMYxkZmYqKCiBJtsXMxsbGpOrR0dHJy8sTERGxsLB48uTJq1ev6GGxg4NDYmIiKysrKJ5YWExMTL5+/frgwQMaWszIyBgaGurv7w9kIAvq6upycXFdu3aNOokLDbCxsSUnJxsYGGCVdXZ2FhYWnjt37q9fv6jpY35+/oKCAg0NDTxqJCQktLW1L1269PPnT+pYLC0tXVRUJCkpSdAsAQEBoGk3btz4/PkzpRZraWnl5+fz8vISGYCcnJzm5uaPHj16/fo1+Rbb2toC4xUYu6SlGhYWU1PTT58+Aa0nJ3HZ2dm5ubm9e/cOWtAwMQGTD34r3759++/fPwjb3d0dmOAPHTqEM48Q2coEhuGECRPwqwEmwO/fv4/Wx6MWj1o8avGANfbQALBIom7zbzSORy0etZhqACDAAEIjYhamyTo9AAAAAElFTkSuQmCC) no-repeat -0 -0;display: block;height: 64px;width: 56px;margin-bottom: 5px;-moz-transition: background 1s;-webkit-transition: background 1s;-o-transition: background 1s;}

@media (max-width: 1024px) {
    .sptB,.spmC{padding-left: 1.25rem;padding-right: 1.25rem}
    .spmAlpS{width: 36px;height: 36px;line-height: 36px;}
    .spGTC{grid-template-columns: repeat(3, 1fr)}
}
@media (min-width: 768px) and (max-width: 1023px) {
    .sptB{padding-top: 3.5rem;padding-bottom: 3.5rem}
    .sptH1{font-size: 2rem}
    .sptP1{margin-top: 1rem}
    .spmAlpL{justify-content: flex-start;flex-wrap: wrap;padding: 0 1rem}
    .spGTC{grid-template-columns: repeat(2, 1fr)}
}
@media (max-width: 767px) {
    .sptB,.spmC{padding-left: 2rem;padding-right: 2rem}
    .sptB{padding-top: 3.5rem;padding-bottom: 3.5rem}
    .sptH1{font-size: 2rem}
    .sptP1{margin-top: 1rem}
    .spmAlpL{justify-content: flex-start;flex-wrap: wrap;padding: 0 1rem}
    .spGTC{grid-template-columns: repeat(1, 1fr)}
}