@max-width:1000px;

@main-color:#ff9a00;

@font-color:#ffffff;

@333:#333333;
.float(@n){
  float: @n;
}
.border-radius(@n){
  border-radius:@n;
}


.banner{
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  height: 480px;
  background: url("../images/pay-banner.png") center center no-repeat;
  overflow: hidden;
  margin-top: 80px;
}
.banner-main{
  width: 1000px;
  margin: 0 auto;
}
.banner-main p{
  width: 681px;
  font-size: 56px;
  color: @font-color;
  // margin-top: 150px;
  // line-height: 1;
}
.banner-main span{
  font-size: 14px;
  color: @font-color;
  line-height: 1;
  margin-top: 18px;
  display: block;
}
.banner-main a{
  display: block;
  width: 150px;
  height: 50px;
  line-height: 50px;
  background-color: @main-color;
  .border-radius(25px);
  margin-top: 30px;
  font-size: 18px;
  text-align: center;
  color: #ffffff;
  float: right;


}
.main{
  width: 1000px;
  margin: 0 auto;
}

.pay-process{
  height: 400px;
}

.process{
  width: 200px;
  margin-top: 95px;
  float: left;
  margin-right: 50px;
}

.process img{
  width: 90px;
  height: 90px;
  display: block;
  margin: 0 auto;
}
.process p{
  font-size: 18px;
  color: #333333;
  line-height: 1;
  margin-top: 30px;
  text-align: center;
}
.process span{
  font-size: 14px;
  color: #333333;
  line-height: 21px;
  text-align: center;
  display: block;
  margin-top: 20px;
}

.content{
  margin: 0 auto;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.title{
  margin-top: 30px;
  margin-bottom: 60px;
}
.title p{
  
  // margin-top: 100px;
padding-top: 100px;
  font-size:24px;
  font-family:PingFang SC;
  font-weight:bold;
  color:rgba(0,0,0,1);
  line-height:21px;
  display:inline-block;
}
.centent{
  margin: 0 auto;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  // height: 500px;
}
.main-card{
  width: 100%;
  margin: 0 auto;
  // height: 420px;
  
  clear: both;
}
.content-zonghe{
  width: 1000px;
 
  display: flex;
  flex-direction: row;
  height: 300px;
  // background-color: red;
}
.zonghelist{
  flex: 1;
  // margin: 100px 0px;
  // width:230px;
height:280px;
background:rgba(255,255,255,1);
border-radius:10px;
box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
display: flex;
flex-direction: column;
}
.top{
  text-align: center;
  width:230px;
height:76px;
background:linear-gradient(-45deg,rgba(42,177,243,1),rgba(42,212,243,1));
border-radius:10px 10px 0px 0px;
padding:10px 25px;

// width:154px;
// height:34px;
font-size:14px;
font-family:PingFang SC;
font-weight:400;
color:rgba(255,255,255,1);
line-height:21px;
}
.center{
width: 60px;
height: 60px;
margin: 15px auto;
text-align: center;
margin-top: 20px;
}
.bottom{
  // width: 160px;
  text-align: center;
  padding:10px 30px;
  font-size:14px;
font-family:PingFang SC;
font-weight:400;
color:rgba(14,5,10,1);
line-height:21px;
}


.content-sf{
  width: 1000px;
 
  display: flex;
  flex-direction: row;
  height: 300px;
  // background-color: red;
}
.sflist{
  flex: 1;
  width:250px;
height:270px;
background:rgba(255,255,255,1);
border-radius:10px;
// box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
display: flex;
flex-direction: column;
}
.sftop{
  text-align: center;

margin:10px 0;
font-size:18px;
font-family:PingFang SC;
font-weight:bold;
color:rgba(0,0,0,1);
// line-height:27px;
}
.sfcenter{
width: 60px;
height: 70px;
margin: 10px auto;
text-align: center;
margin-top: 30px;
}
.sfbottomone{
  margin: 0 auto;
  width:34px;
  text-align: center;
  margin-top: 10px;
height:2px;
background:rgba(42,177,243,1);
}
.sfbottom{
  width: 190px;
  margin: 0 auto;
  text-align: center;
  margin-top: 20px;
  // padding:10px 0px;
  font-size:14px;
  font-family:PingFang SC;
  font-weight:400;
  color:rgba(0,0,0,1);
  line-height:21px;
}
.main-js{
  width: 100%;
  // max-width: 1920px;
  margin: 0 auto;
  // height: 1020px;
  clear: both;
  padding-bottom: 60px;
}
.centent-servicr{
  width: 1000px;
  margin:20px auto;
 height: 190px;
  display: flex;
  flex-direction: row;

}

.jslist{
  flex: 1;
  margin: 0 10px;
// padding: 5px;
  width:312px;
  height:190px;
  // border:2px solid rgba(236,114,101,1);
  // background:rgba(236,114,101,1);
  

  position:relative;
  cursor:pointer;
}
.zhe{
  flex: 1;
  margin: 0 10px;
// padding: 5px;
  width:312px;
  height:190px;
  position: absolute;
			
  left:-10px;
  top:0px;
  display:none;
  background:rgba(0,0,0,0.6);
// opacity:0.6;
}
.nei{
  text-align: center;
  width:312px;
  height:190px;
  // padding: 4px;
  // background:rgba(236,114,101,1);
}

.jslist img{
  width:40px;
height:40px;
  // margin-top: 40px;
 
}
.jsone{
  font-size:24px;
  font-family:PingFang SC;
  font-weight:bold;
  color:rgba(249,250,252,1);
  line-height:27px;
margin-top: 30px;

}
.jstwo{
  width:278px;
  margin: 17px auto;
  // padding: 0 27px;
// height:56px;
font-size:18px;
font-family:PingFang SC;
font-weight:bold;
color:rgba(249,250,252,1);
line-height:21px;
// margin-top: 20px;
}