.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  font-size: 0;
}

.dynamic-pagination .current.next {
  cursor: not-allowed;
}

.dynamic-pagination .current.prev {
  cursor: not-allowed;
}

.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: transparents;
  z-index: 1000;
}
.header-title {
  position: absolute;
  text-indent: -99.99rem;
}
.header-text-big {
  position: absolute;
  color: #fff;
}
.header-text-small {
  position: absolute;
  color: #fff;
}


.compIntro{
  width: 100%;
  background-color:  #fff;
}
.compIntro-content{
  position: relative;
  background-color:  #fff;
}
.compIntro-title{
  position: absolute;
}
.compIntro-title span{
  display: inline-block;
  vertical-align: bottom;
}
.compIntro-title div{
  display: inline-block;
  color: white;
}
.compIntro-detail{
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.compIntro-detail .text{
  text-align: center;
  color: white;
}
.compIntro-detail .block {
  display: inline-block;
  border-radius: 10%;
  width: 33%;
}
.compIntro-detail .block>div{
  display: inline-block;
}
.compIntro-detail .block:nth-child(3n+1){
  text-align: left;
}
.compIntro-detail .block:nth-child(3n-1){
  text-align: center;
}
.compIntro-detail .block:nth-child(3n){
  text-align: right;
}
.compIntro-detail .block .text{
  text-align: center;
}


.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;
}