/* 全局默认内容宽度 */
/*:root {*/
/*  --content-width: 80%;*/
/*  --nav-font-size: 20px;*/
/*  --title-font-size: 20px;*/
/*  --text-font-size: 16px;*/
/*}*/
.footer {
  width: 100%;
  height:68px;
  margin-top: 60px;
  margin-bottom: auto;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  text-align: start;
  position: fixed;
  bottom: 0;
  z-index:20000;
  display:flex;
  align-items:center;
}

.footer .content {
width: 100%;
margin: 0 auto;
display:flex;
justify-content:space-between;
align-items:center;
}
.footer .footer-text{
  padding-bottom: 10px;
  display: flex;
  justify-content: space-between;
  font-size: var(--text-font-size);
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0em;
  font-variation-settings: "opsz" auto;
  color: #BEC3D0;
  
}
.footer .footer-text span{

  cursor: pointer;
}
.footer-select{
  width: 100%;
  display: flex;
  gap: 32px;
  align-items:center;
  margin-left:32px;
}
#mySelect{
  width: 200px;
  height: auto;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  background: #FFFFFF;

}
#mySelect2{
  width: 200px;
  height: auto;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  background: #FFFFFF;

}
.footer-bottom-box{
  display: flex;
  justify-content: space-between;
  min-width:850px;
  margin-right:32px;
  align0-items:center;
}
.footer-bottom-box div{
  font-size: var(--text-font-size);
  font-weight: normal;
  letter-spacing: 0em;
  font-variation-settings: "opsz" auto;

  /* 深 */
}
.footer-imgs{
  width: 500px;
  height: 133px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.footer-imgs-item{
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}
.footer-imgs-item img{
  width: 84px;
  height: 84px;
}
.footer-imgs-item div{
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0em;
  font-variation-settings: "opsz" auto;
  /* 灰 */
  color: #BEC3D0;
  width: 120px;
  height: 17px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: 6px;
}
.icon-wx::before{
  content: '';
  width: 14px;
  height: 14px;
  background-image: url('../imgs/wx_icon.png');
  background-repeat: no-repeat;
}
.icon-dy::before{
  content: '';
  width: 14px;
  height: 14px;
  background-image: url('../imgs/dy_icon.png');
  background-repeat: no-repeat;
}
.icon-sp::before{
  content: '';
  width: 14px;
  height: 14px;
  background-image: url('../imgs/sp_icon.png');
  background-repeat: no-repeat;
}
/* 返回顶部 */

.to-top-box.fixed{
  bottom: 250px;
}
.to-top-box{
  width: 60px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: -54px;
  right: 50px;
  background: #c11f1c;
  border-radius: 2px;
  box-sizing: border-box;
  padding: 10px;
  z-index: 10;
  flex-wrap: wrap;
  transition: all 0.4s linear;
  cursor: pointer;
  font-size: var(--text-font-size);
  color: #fff;
  text-decoration: none;
}
.to-top-box img{
  border: 0;
  vertical-align: middle;
}
@media (max-width: 1439px) {
  :root {
    /*--content-width: 80%;*/
    /*--nav-font-size: 20px;*/
    --title-font-size: 16px;
    --text-font-size: 12px;
  }

  .footer {
    width: 100%;
    height:auto;
    margin-top: 10px;
    margin-bottom: auto;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    text-align: start;
    /*position: initial;*/
    bottom: 0;
    z-index:20000;
    display:block;
    align-items:center;
    padding-top: 10px;
  }

  .footer .content {
    width: 100%;
    margin: 0 auto;
    display:block;
    justify-content:space-between;
    align-items:center;
  }
  .footer .footer-text{
    padding-bottom: 10px;
    display: block;
    justify-content: space-between;
    font-size: var(--text-font-size);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    font-variation-settings: "opsz" auto;
    color: #BEC3D0;

  }
  .footer .footer-text span{

    cursor: pointer;
  }
  .footer-select{
    width: 100%;
    display: flex;
    align-items:center;
    justify-content: center;
    gap: initial;
    margin-left: 0px;
  }
  #mySelect{
    width: 45%;
    height: auto;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 10px;
    background: #FFFFFF;
    margin: auto 5px;
  }
  #mySelect2{
    width: 45%;
    height: auto;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 10px;
    background: #FFFFFF;
    margin: auto 5px;
  }
  .footer-bottom-box{
    display: block;
    justify-content: space-between;
    align-items:center;
    min-width: initial;
    margin-left: 10px;
    margin-right: initial;
    padding-top: 10px;
  }
  .footer-bottom-box div{
    font-size: var(--text-font-size);
    font-weight: normal;
    letter-spacing: 0em;
    font-variation-settings: "opsz" auto;
    display: flex;
    justify-content: center;
    /* 深 */
  }
  .footer-imgs{
    width: 500px;
    height: 133px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .footer-imgs-item{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
  }
  .footer-imgs-item img{
    width: 84px;
    height: 84px;
  }
  .footer-imgs-item div{
    font-size: 13px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    font-variation-settings: "opsz" auto;
    /* 灰 */
    color: #BEC3D0;
    width: 120px;
    height: 17px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 6px;
  }
  .icon-wx::before{
    content: '';
    width: 14px;
    height: 14px;
    background-image: url('../imgs/wx_icon.png');
    background-repeat: no-repeat;
  }
  .icon-dy::before{
    content: '';
    width: 14px;
    height: 14px;
    background-image: url('../imgs/dy_icon.png');
    background-repeat: no-repeat;
  }
  .icon-sp::before{
    content: '';
    width: 14px;
    height: 14px;
    background-image: url('../imgs/sp_icon.png');
    background-repeat: no-repeat;
  }
  /* 返回顶部 */

  .to-top-box.fixed{
    bottom: 250px;
  }
  .to-top-box{
    width: 60px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: -54px;
    right: 50px;
    background: #c11f1c;
    border-radius: 2px;
    box-sizing: border-box;
    padding: 10px;
    z-index: 10;
    flex-wrap: wrap;
    transition: all 0.4s linear;
    cursor: pointer;
    font-size: var(--text-font-size);
    color: #fff;
    text-decoration: none;
  }
  .to-top-box img{
    border: 0;
    vertical-align: middle;
  }
}