.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  font-size: 0;
}
.clearfix {
  *zoom: 1;
}
.hide{
  display: none!important;
}
html,body,h1 ,p,span ,div,ul,li,ol{
  margin: 0;
  padding: 0;
}
li{
  list-style-type:none;
}
.pointer{
  cursor: pointer;
}
* {
  touch-action: pan-y;
}


body {
  background-color:  #fff;
  font-family: PingFang SC, Microsoft Yahei,Verdana, Helvetica Neue,  Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
}
.containers {
  width: 100%;
  background-color: #fff;
}
.containers-top {
  position: relative;
  background-color:  #fff;
  margin: 0 auto;
}
.top-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #fff;
  z-index: 1000;
}
.header-title {
  position: absolute;
  text-indent: -99.99rem;
}
.header-search {
  position: absolute;
  color: #fff;
}
.search-icon {
  display: inline-block;
  vertical-align: bottom;
}
.header-text-big {
  position: absolute;
  color: #fff;
}
.header-text-small {
  position: absolute;
  color: #fff;
}

.dynamic-title span,.notice-title span{
  display: inline-block;
  vertical-align: sub;
}
.dynamic-title div,.notice-title div{
  display: inline-block;
}


.footer{
  width: 100%;
  background-color: #fff;
}
.footer-container{
  position: relative;
  background-color: #fff;
}
.footer-icon{
  width: 1.66rem;
  height: .35rem;
  background: url(/static/website/template/images/placeholder.jpg) left top / 100% 100% no-repeat;
}
.code-re{
  position: absolute;
}

.code-re .text{
  background-color: #cadee7;
  text-align: center;
}

.code-es{
  position: absolute;
}
.code-es .text{
  background-color: #cadee7;
  text-align: center;
}
.code-gy{
  position: absolute;
}
.code-gy .text{
  background-color: #cadee7;
  text-align: center;
}
.code-copyright{
  position: absolute;
}