.right{
  float:right;
}
.left{
  float:left;
}
.img-circle{border-radius:50%}
footer{
  width: 100%;
  background:rgba(226,58,58,1);
  height: 161px;
  color:#fff;
}
.footer-content{
  width:1200px;
  margin:0 auto;
  padding-top:32px;
}
.footer-item{
  width: 345px;
}
.lines{
  height: 93px;
  width: 2px;
  background: #FF6363;

}
.jishu{
  font-size: 16px;
  font-weight:500;
  color:rgba(255,255,255,1);
  line-height:16px;
}
.jishu-logo{
  margin-top:24px;
}
.jishu-logo-img{
  width: 80px;
  height: 50px;
}
.jishu-logo-content{
  font-size:12px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(255,255,255,1);
  padding: 14px;
  line-height: 21px;
  padding-top:5px;
}
.jindu,.jindu1{
font-size: 12px;
margin-top:32px;
}
.jindutiao,.jindutiao1{
  width: 170px;
  height:10px;
  background: #fff;
  border-radius: 5px;
  margin: 8px 4px;
}
.jinduing {
  width: 100px;
  height: 10px;
  border-radius: 5px;
  background:linear-gradient(140deg,rgba(248,176,55,1) 0%,rgba(254,200,57,1) 100%);
}
.jinduing1{
  width: 50px;
  height: 10px;
  border-radius: 5px;
  background:linear-gradient(270deg,rgba(43,217,254,1) 0%,rgba(52,155,255,1) 100%);
}
.my-type{
  text-align: center;
  margin-top:40px;
}
.my-type img{
  display: inline-block;
  width: 40px;
  margin-right:10px;
}
.foot-nav{
  width:100%;
  height:44px;
 background:rgba(200,49,49,1);
 font-size: 12px;
 color:#fff;
}
.foot-nav-content{
  width:1200px;
  line-height: 44px;
  margin:0 auto;
}
.foot-nav-content i{
  display: inline-block;
  border-right:1px solid #fff;
  height:14px;
  margin:0 10px;
  position: relative;
  top: 15px;

}
.dian{
  position: absolute;
  bottom:30px;
  left:50%;
  transform: translate(-50%,-50%);
}
.dian li{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255,255,255,0.5);
  margin-right: 10px;
}
.dian .action{
  background: rgba(255,255,255,1);
}
a:link{text-decoration:none; }  /* 指正常的未被访问过的链接*/

a:visited{text-decoration:none; }/*指已经访问过的链接*/

a:hover{text-decoration:none;}/*指鼠标在链接*/}

a:active{text-decoration:none;}/* 指正在点的链接*/
