﻿.foot-bg{
  width:100%;
  height:auto;
  padding-top:8rem;
  box-sizing: border-box;
  background:#163440;
}
.foot-con{
  width:140rem;
  height:33rem;
  margin:0 auto;
  padding-left:4rem;
  box-sizing: border-box;
}
.foot-con .foot-logo{
  width:25.6rem;
  height:auto;
  position:relative;
  float:left;
}
.foot-con .foot-logo .big{
  position: absolute;
  left: 28rem;
  top: 0rem;
  display:none;
  background: #fff;
  border-radius: 0.4rem;
  border: 0.1rem solid #ebeef5;
  padding: 1.2rem;
  z-index: 2000;
  color: #606266;
  line-height: 1.4;
  text-align: justify;
  box-shadow: 0 0.2rem 1.2rem 0 rgb(0 0 0 .1);
  word-break: break-all;
}
.foot-con .foot-logo .big img{
  width: 20rem;
  height: auto;
}
.foot-con .foot-logo .logo{
  width:25.6rem;
  height:6.6rem;
  background:url(../images/indexImg/footLogo.png) no-repeat;
  background-size:100% 100%;
  margin-bottom:4.8rem;
}
.foot-con .foot-logo .foot-weibo{
  font-size:0;
}
.foot-con .foot-logo .foot-weibo div{
  width:3.6rem;
  height:3.6rem;
  margin-right:1.6rem;
  display:inline-block;
  cursor:pointer;
}
.foot-con .foot-logo .foot-weibo div.wechat{
  background:url(../images/indexImg/wechat.png) no-repeat;
  background-size:100% 100%;
}
.foot-con .foot-logo .foot-weibo div.weibo{
  background:url(../images/indexImg/weibo.png) no-repeat;
  background-size:100% 100%;
}
.foot-con .foot-logo .foot-weibo div.akWeibo{
  background:url(../images/indexImg/akWeibo.png) no-repeat;
  background-size:100% 100%;
}
.foot-con .foot-text{
  width:81%;
  height:auto;
  float:right;
  text-align:right;
}
.foot-con .foot-text>div{
  display:inline-block;
  vertical-align: top;
  text-align:left;
}
.foot-con .foot-text>div.foot-about{
  margin-left:12.5rem;
  margin-right:14rem;
}
.foot-con .foot-text dt{
  height:4.5rem;
  font-size:2rem;
  color:#fff;
  position:relative;
}
.foot-con .foot-text dt:before{
  content:'';
  width:2rem;
  height:0.1rem;
  background:rgba(255,255,255,.2);
  position: absolute;
  bottom:0;
  left:0;
}
.foot-con .foot-text dd{
  height:3.2rem;
  line-height:3.2rem;
  font-size:1.6rem;
  display:block;
  color:rgba(255,255,255,.5);
}
.foot-con .foot-text dd a{
  color:rgba(255,255,255,.5);
}
.foot-con .foot-text dd a i{
  font-style: italic;
}
.foot-con .foot-text dd em{
  color:rgba(255,255,255,.24);
}
.copyright{
  width:100%;
  height:5rem;
  line-height:5rem;
  background:#0C1F27;
}
.copyright .copy-con{
  width:140rem;
  height:5rem;
  margin:0 auto;
  color:rgba(255,255,255,.3);
  font-size:1.6rem;
  display:flex;
  justify-content: space-between;
}
.copyright .copy-con span{
  display:inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.copyright .copy-con span a{
  color:rgba(255,255,255,.3);
}
.copyright .copy-con .copy-right{
  color:rgba(255,255,255,.1);
}
.copyright .copy-con .copy-right span{
  color:rgba(255,255,255,.3);
  width:10rem;
  height:auto;
  text-align:center;
}
/*置顶效果*/
.effect{
  width:4rem;
  height:auto;
  position:fixed;
  right:4rem;
  bottom:4rem;
}
.back-top{
  width:4rem;
  height:4rem;
  border-radius:4rem;
  background:#fff;
  cursor:pointer;
  position:relative;
  margin-bottom:1rem;
}
.back-top>i{
  width:2.4rem;
  height:2.4rem;
  background: url(../images/indexImg/backTop.png) no-repeat;
  background-size:100% 100%;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}
.back{
  width:8.4rem;
  height:3.6rem;
  line-height:3.6rem;
  text-align:center;
  background:#0D171B;
  color:#fff;
  font-size:1.4rem;
  border-radius:0.6rem;
  position:absolute;
  top:50%;
  left:-10rem;
  transform:translate(0,-50%);
  opacity:0;
  transition: all .5s;
}
.back::after{
  content:'';
  width:0;
  height:0;
  border-style:solid;
  border-width:0.6rem;
  border-color:transparent transparent transparent #0D171B;
  position:absolute;
  top:50%;
  right:-1.2rem;
  transform: translate(0, -50%);
}
.back-top:hover{
  background:#53B77F;
}
.back-top:hover i{
  background:url(../images/indexImg/backTopHover.png) no-repeat;
  background-size:100% 100%;
}
.back-top:hover .back{
  opacity:1;
}
/*快速注册*/
.quick-up{
  width:4rem;
  height:4rem;
  border-radius:4rem;
  background:#fff url(../images/indexImg/quickUp.png) no-repeat center center;
  cursor:pointer;
  position:relative;
  transition: all .5s;
}
.quick{
  width:8.4rem;
  height:3.6rem;
  line-height:3.6rem;
  text-align:center;
  background:#0D171B;
  color:#fff;
  font-size:1.4rem;
  border-radius:0.6rem;
  position:absolute;
  top:50%;
  left:-10rem;
  transform:translate(0,-50%);
  opacity:0;
  transition: all .5s;
}
.quick::after{
  content:'';
  width:0;
  height:0;
  border-style:solid;
  border-width:0.6rem;
  border-color:transparent transparent transparent #0D171B;
  position:absolute;
  top:50%;
  right:-1.2rem;
  transform: translate(0, -50%);
}
.quick-up:hover{
  background:#53B77F url(../images/indexImg/quickUpHover.png) no-repeat center center;
}
.quick-up:hover .quick{
  opacity:1;
}
.foot-con .foot-text .foot-social{
  display:none;
}
@media (max-width:768px) {
  html,
  body {
    font-size: calc(10/750*100vw);
  }
  .foot-bg{
    width:100%;
    height:auto;
    padding-top:0;
  }  
  .foot-bg .foot-con{
    height:auto;
  }
  .foot-con .foot-logo{
    display:none;
  }
  .foot-con{
    width:100%;
    padding:0;
  }
  .foot-con .foot-text{
    width:100%;
    height:auto;
    float:none;
    padding:3.2rem 6rem;
    box-sizing: border-box;
  }
  body[data-lang="EN"] .foot-con .foot-text{
    width:100%;
  }
  .foot-con .foot-text>div{
    float:none;
    width:100%;
    height:auto;
  }
  .foot-con .foot-text>div dl dt{
    width:100%;
    height:10.8rem;
    border-bottom:0.2rem solid rgba(255,255,255,.2);
    padding-top:2.8rem;
    line-height:8rem;
    font-size:2.8rem;
    box-sizing: border-box;
  }
  .foot-con .foot-text>div dl dt::before{
    content:"";
    width:1.6rem;
    height:1rem;
    background:url(../images/mImages/dtArrow.png) no-repeat;
    background-size:100%;
    position:absolute;
    top:6rem;
    right:0;
    left:auto;
  }  
  .foot-con .foot-text>div dl dd{
    height:6.4rem;
    line-height:6.4rem;
    font-size:2.4rem;
    display:none;
  }
  body[data-lang="EN"] .foot-con .foot-text>div dl dd{
    height:auto;
  }
  .foot-con .foot-text>div dl.active dd{
    display:block;
  }
  .foot-con .foot-text>div dl.active dt::before{
    transform:rotate(180deg);
  }
  .foot-con .foot-text>div.foot-about{
    margin:0;
  }
  .foot-con .foot-text .foot-social{
    display:block;
  }
  .foot-con .foot-text .foot-social dl dd{
    width:28rem;
    padding:3.2rem 0;
  }
  .foot-con .foot-text .foot-social dl dd>div{
    width:7.2rem;
    height:7.2rem;
    position:relative;
    float:left;
    margin-right:3.2rem;
  }
  .foot-con .foot-text .foot-social dl dd div .big{
    width:22rem;
    height:22rem;
    background:#fff;
    padding:1.6rem;
    box-sizing: border-box;
    border-radius:1rem;
    box-shadow: 0 2rem 6rem 0 rgba(130,150,171,0.15);
    position:absolute;
    bottom:-22rem;
    left:50%;
    transform: translate(-9rem,0);
    display:none;
  }
  .foot-con .foot-text .foot-social dl dd div .big img{
    width:19rem;
    height:19rem;
  }
  .foot-con .foot-text .foot-social dl dd>div:last-child{
    margin-right:0;
  }
  .foot-con .foot-text .foot-social img{
    width:7.2rem;
    height:7.2rem;
  }
  .copyright{
    width:100%;
    height:21.4rem;
    padding:4rem 6rem;
    box-sizing: border-box;
  }
  .copyright .copy-con{
    width:100%;
    display:block;
  }
  .copyright .copy-con .computer{
    display:none;
  }
  .copyright .copy-con .copy-left.mobile{
    font-size:2.4rem;
    text-align:center;
  }
  .copyright .copy-con .copy-left.mobile span{
    width:90%;
  }
  .copyright .copy-con .copy-right{
    font-size:2.4rem;
    text-align:center;
  }
  .copyright .copy-con .copy-right span{
    width:16rem;
  }
}