body {
  background-color: #101010
}
@font-face {
  font-family: cd81db82-a2bc-47fc-8f34-2c155d91af35;
  src: url(https://omo-oss-file.thefastfile.com/portal-saas/new2021121518265386882/cms/file/cd81db82-a2bc-47fc-8f34-2c155d91af35.ttf);
  font-alias: PoppinsB
}
@font-face {
  font-family: 4aa32abd-ac2e-4a96-ac1a-a25d4d5b3eaf;
  src: url(https://omo-oss-file.thefastfile.com/portal-saas/new2021121518265386882/cms/file/4aa32abd-ac2e-4a96-ac1a-a25d4d5b3eaf.ttf);
  font-alias: PoppinsM
}
@font-face {
  font-family: bec36aee-1cf5-4c6f-8d06-29772b6027d5;
  src: url(https://omo-oss-file.thefastfile.com/portal-saas/new2022041815563227926/cms/file/bec36aee-1cf5-4c6f-8d06-29772b6027d5.otf) format("opentype");
  font-alias: gilroy-bold
}
@font-face {
  font-family: ad0f4455-d598-45d2-ac25-72229604cd5a;
  src: url(https://omo-oss-file.thefastfile.com/portal-saas/new2022041815563227926/cms/file/ad0f4455-d598-45d2-ac25-72229604cd5a.otf) format("opentype");
  font-alias: Gilroy-Medium
}
@font-face {
  font-family: "42243051-a2c9-46ae-bfcb-b97b84caa9bd";
  src: url(https://omo-oss-file.thefastfile.com/portal-saas/new2022041815563227926/cms/file/42243051-a2c9-46ae-bfcb-b97b84caa9bd.otf) format("opentype");
  font-alias: gilroy-regular
}
.s_list {
  background-color: #fff
}
.s_templatetitle {
  color: #d6001d
}
.s_templatesum {
  color: rgba(255, 6, 9, .7)
}
.s_tmpl {
  background-color: #fff
}
.s_tmpl_footer {
  background-color: #fff
}
.s_button1 {
  background-color: #d6001c;
  color: #fff;
  border-color: #d6001c
}
.s_button1:hover {
  background-color: rgba(214, 0, 28, .9);
  color: #fff;
  border-color: rgba(214, 0, 28, .9)
}
.s_button2 {
  background-color: #d6001c;
  color: #fff;
  border-color: #d6001c
}
.s_button2:hover {
  background-color: #fff;
  color: #d6001c;
  border-color: #d6001c
}
.s_button3 {
  background-color: #d6001c;
  color: #fff;
  border-color: #d6001c
}
.s_button3:hover {
  background-color: #a90016;
  color: #fff;
  border-color: #a90016
}
.s_button4 {
  background-color: #fff;
  color: #333;
  border-color: #ccc
}
.s_button4:hover {
  background-color: #fff;
  color: #d6001c;
  border-color: #d6001c
}
.s_button5 {
  background-color: #fff;
  color: #d6001c;
  border-color: #d6001c
}
.s_button5:hover {
  background-color: #d6001c;
  color: #fff;
  border-color: #d6001c
}
.s_button6 {
  background-color: #fff;
  color: #d6001c;
  border-color: #d6001c
}
.s_button6:hover {
  background-color: #d6001c;
  color: #fff;
  border-color: #d6001c
}

/*分页*/
.pagination {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 1rem 0;
  gap: 4px;
}
.pagination li a {
  display: block;
  padding: 6px 12px;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  color: #333;
  text-decoration: none;
}
.pagination li a:hover {
  background-color: #f5f5f5;
}
/* 目标 a.active */
.pagination li a.active {
  background-color: rgba(243, 186, 83, 1);
  border-color: rgba(243, 186, 83, 1);
  color: #fff;
}
.pagination li.disabled a {
  color: #999;
  background: #fff;
  cursor: not-allowed;
}


/*点击放大图片*/
.img-popup-mask{
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.85);
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
}
.img-popup-mask.show{
  display:flex;
}
.img-popup-box{
  position:relative;
  max-width:90%;
  max-height:90%;
}
.img-popup-box img{
  max-width:100%;
  max-height:90vh;
  object-fit:contain;
}
.img-popup-close{
  position:absolute;
  right:-30px;
  top:-30px;
  width:26px;
  height:26px;
  color:#fff;
  font-size:24px;
  cursor:pointer;
  text-align:center;
  line-height:26px;
}