*{
    padding: 0px;
    margin: 0px;
}
body{
    font-size: 15px;
    background:#eee;
    color: #333;
    font-display: swap;
    font-family: 'Source Han Sans SC', 'Noto Sans SC', 'Microsoft YaHei UI', 'Helvetica', sans-serif;
}
ul{
    list-style:none;
}
a{
    text-decoration:none;
    color: #333;
}
img{
    width: 100%;
}
/*input 数字框去除上下箭头*/
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]{
    -moz-appearance: textfield;
}
input, textarea {
  border: 0;
  outline: none;
  resize: vertical;
  font-display: swap;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
:root{
     /* 主题色 */
     --one-color:#333;
     /* 副主题样式 */
     --two-color:#444;
     /* 按钮触摸 */
     --but-hover:#000;
     /* 文字触摸 */
     --text-hover:#ff0000;
     --span-font:12px;
     --text-font:14px;
     --name-font:16px;
     --title-font:20px;
}
/*内容盒子*/
.box{
  background: #fff;
}
/*块级标题*/
.box-name{
  font-size: 20px;
  font-weight: 600;
  line-height: 50px;
  border-bottom: 1px solid #eee;
}
/* 公共分页 */
.paginationbox{
  width: 100%;
  margin: 50px 0px;
}
.pagination{
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.pagination li{
  height: 40px;
  line-height: 40px;
  margin: 5px 3px;
  cursor: pointer;
  border-radius: 3px;
  background: #fff;
  border: 1px solid #eee;
}
.pagination li a{
  padding: 18px;
}
.pagination li span{
  padding: 18px;
}
.pagination li.active{
  background: var(--one-color);
  color: #fff;
}
.pagination li:hover{
  background: var(--one-color);
}
.pagination li:hover a{
  color: #fff;
}
.paginationbox li:first-child a,
.paginationbox li:last-child a {
  font-size: 0;
  width: 60px;
}
.paginationbox li:first-child a::before {
  content: "上一页";
  font-size: 14px;
}
.paginationbox li:last-child a::before {
  content: "下一页";
  font-size: 14px;
}

.pagination li.disabled{
  display: none;
}
/*0~768px*/
@media (max-width: 768px){
  .box{
    width: 96%;
    padding: 10px 2%;
    margin: 20px 0px;
  }
}
/*768<X<1200*/
@media(min-width:769px) and (max-width:1199px){
  .box{
    width: 96%;
    padding: 10px 2%;
    margin: 20px 0px;
  }
}
/*>1200*/
@media (min-width: 1200px){
  .box{
    width: 1160px;
    padding: 20px;
    margin: 20px auto;
  }
}
/* 图标 */
@font-face {
  font-family: "iconfont"; /* Project id 4906389 */
  src: url('//at.alicdn.com/t/c/font_4906389_vkert0siiam.woff2?t=1745823953298') format('woff2'),
       url('//at.alicdn.com/t/c/font_4906389_vkert0siiam.woff?t=1745823953298') format('woff'),
       url('//at.alicdn.com/t/c/font_4906389_vkert0siiam.ttf?t=1745823953298') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-email:before {
  content: "\e644";
}

.icon-dizhi:before {
  content: "\e61a";
}

.icon-dianhua:before {
  content: "\e6d3";
}

.icon-instagram:before {
  content: "\e6fc";
}

.icon-youtube:before {
  content: "\e73b";
}

.icon-tiktok:before {
  content: "\e601";
}

.icon-gouwuche:before {
  content: "\e600";
}

.icon-sousuo:before {
  content: "\e6a8";
}

.icon-geren:before {
  content: "\e669";
}

.icon-youjiantou:before {
  content: "\e747";
}

.icon-zuojiantou:before {
  content: "\e748";
}

.icon-shouji:before {
  content: "\e621";
}