header{
  width:100%;
  line-height: 40px;
  background: #C83131;
  color:#fff;
  font-size: 12px;
}
nav{
  width:100%;
  height:90px;
  background: #E23A3A;
  color:#fff;
  font-size: 16px;
}
div{
  box-sizing: border-box;
}
.header-list,.nav-list{
  width: 1100px;
  margin:0 auto;
}
ul,li{
  list-style-type:none;
  margin:0;
  padding:0;
}
html,body{
  padding:0;
  margin:0;
  font-family:PingFangSC-Regular;
}
.clearfix:after{
content:"";
display:block;
visibility:hidden;
clear:both;
height:0;
}
.right{
  float:right;
}
.left{
  float:left;
}
.header-list i{
  display: inline-block;
  margin:0 10px;
  border-right:1px solid #fff;
  height: 16px;
  position: relative;
  top:3px;
}
.kefu{
  position: relative;
  margin-right:3px;
}
a{
  color:#4f4f4f;
  text-decoration:none;
}
.logo{
  width: 200px;
  margin-top:20px;
}
.tab-li li{
  width:100px;
  height:86px;
  text-align: center;
  line-height: 86px;
}

.nav-list .active{
  background:linear-gradient(180deg,rgba(226,58,58,1) 0%,rgba(255,109,109,1) 100%);
  border-bottom: 4px solid #fff;
}
.main{
  width: 100%;
  background: url("../images/images/index/767.png");
  background-size: cover;
  padding-top:10px;
}
.m-top{
  margin-top:10px;
}
.m-bottom{
  margin-bottom: 10px;
}
.m-right{
  margin-right:10px;
}

.banner{
  width: 1200px;
  height:360px;
  position: relative;
}
.main-content{
  width: 1200px;
  margin:0 auto;
}
.banner img{
  max-width: 100%;
  position: absolute;
  top:0;
  left:0;
  opacity: 0;
  transition: all 0.2s linear;
}
.banner .acitve{
  opacity: 1
}
.my-login{
  width: 290px;
  height:360px;
  background:linear-gradient(360deg,rgba(255,255,255,1) 0%,rgba(255,242,242,1) 100%);
  border-radius:2px;
  border:1px solid rgba(232,232,232,1);
}
.login-img{
  width:78px;
  height:78px;
  background:linear-gradient(309deg,rgba(242,94,123,1) 0%,rgba(242,64,64,1) 100%);
  margin:0 auto;
  margin-top:42px;
  border-radius: 50%;
  display: block;
}
.inputs{
  width:240px;
  margin:25px 25px 25px 25px;
  position: relative;
}
#username,#psw{
  width:240px;
  height:36px;
  border-radius:20px;
  border:1px solid rgba(238,232,232,1);
  padding-left: 16px;
  font-weight: bold;
  box-sizing: border-box;
  outline:none;
}
.forover{
  position: absolute;
  top:10px;
  left:165px;
  font-size: 12px;
  color:#ddd;
}
.login{
  width:240px;
  height:36px;
  background:linear-gradient(294deg,rgba(252,77,79,1) 0%,rgba(242,49,49,1) 100%);
  box-shadow:0px 2px 4px 0px rgba(255,79,79,0.5);
  border-radius:20px;
  color:#fff;
  text-align: center;
  line-height: 36px;
  margin:0 auto;
}
.register{
  width:240px;
  height:36px;
  background:linear-gradient(270deg,rgba(35,206,242,1) 0%,rgba(43,147,247,1) 100%);
  box-shadow:0px 2px 4px 0px rgba(109,193,255,0.5);
  border-radius:20px;
  color:#fff;
  text-align: center;
  line-height: 36px;
  margin:10px auto;
}
.cai-list{
  width: 900px;
}
.notice{
  width:290px;
  height: 326px;
  background: #FF5151;
  border-radius: 2px;
}
.cai-item{
  width:172px;
  height: 158px;
  margin-right:10px;
  background:linear-gradient(294deg,rgba(221,37,217,1) 0%,rgba(242,49,49,1) 100%);
  border-radius:2px;
  color:#fff;
}
.cai-item:nth-child(5){
  margin-right:0;
}
.cai-item:nth-child(10){
  margin-right:0;
}
.cai-item:nth-child(15){
  margin-right:0;
}
.cai-item:nth-child(20){
  margin-right:0;
}
.cai-item:nth-child(25){
  margin-right:0;
}
/*改底色*/
.cai-item:nth-child(1){
  background:linear-gradient(294deg,rgba(221,37,217,1) 0%,rgba(242,49,49,1) 100%);
}
.cai-item:nth-child(2){
  background:linear-gradient(140deg,rgba(233,146,66,1) 0%,rgba(245,211,132,1) 100%);
}
.cai-item:nth-child(3){
  background:linear-gradient(294deg,rgba(255,99,101,1) 0%,rgba(242,49,49,1) 100%);
}
.cai-item:nth-child(4){
  background:linear-gradient(139deg,rgba(162,30,240,1) 0%,rgba(247,52,242,1) 100%);
}
.cai-item:nth-child(5){
  background:linear-gradient(294deg,rgba(255,95,215,1) 0%,rgba(239,26,26,1) 100%);
}
.cai-item:nth-child(6){
  background:linear-gradient(309deg,rgba(30,193,235,1) 0%,rgba(22,108,232,1) 100%);
}
.cai-item:nth-child(7){
  background:linear-gradient(294deg,rgba(238,61,115,1) 0%,rgba(238,34,34,1) 100%);
}
.cai-item:nth-child(8){
  background:linear-gradient(139deg,rgba(162,30,240,1) 0%,rgba(247,52,242,1) 100%);
}
.cai-item:nth-child(9){
  background:linear-gradient(309deg,rgba(27,198,175,1) 0%,rgba(18,180,92,1) 100%);
}
.cai-item:nth-child(10){
background:linear-gradient(140deg,rgba(246,163,87,1) 0%,rgba(245,211,132,1) 100%);
}
.cai-item:nth-child(11){
  background:linear-gradient(294deg,rgba(221,37,217,1) 0%,rgba(242,49,49,1) 100%);
}

.cai-item:nth-child(12){
  background:linear-gradient(294deg,rgba(221,37,217,1) 0%,rgba(242,49,49,1) 100%);
}
.cai-item:nth-child(13){
  background:linear-gradient(294deg,rgba(221,37,217,1) 0%,rgba(242,49,49,1) 100%);
}
.cai-item:nth-child(14){
  background:linear-gradient(294deg,rgba(221,37,217,1) 0%,rgba(242,49,49,1) 100%);
}
.cai-item:nth-child(15){
  background:linear-gradient(294deg,rgba(221,37,217,1) 0%,rgba(242,49,49,1) 100%);
}
.car-logo{
  width:80px;
  height: 75px;
  margin:16px auto;
  display: block;
}
.cai-title{
  text-align: center;
  font-size: 16px;
}
.cai-time{
  text-align: center;
  font-size: 12px;
}
.notice-title{
  width:100%;
  height:40px;
  background:linear-gradient(294deg,rgba(255,99,101,1) 0%,rgba(242,49,49,1) 100%);
  border-radius:2px 2px 0px 0px;
  line-height: 40px;
  border:1px solid rgba(232,232,232,1);
  padding:0 12px;
  color:#fff;
  font-size: 14px;
}
.notice-content{
  padding:10px;
  width: 100%;
  height:286px;
  overflow: hidden;
  font-size:12px;
  font-weight:400;
  color:rgba(55,55,55,1);
  line-height:24px;
}
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: 3px 10px;
}
.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;}/* 指正在点的链接*/