body * {
  box-sizing: border-box;
  flex-shrink: 0; 
}
body,ul,div,li,*{ margin:0;padding:0;}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
}
input {
  background-color: transparent;
  border: 0;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-start {
  display: flex;
  justify-content: flex-start;
}
.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}
.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}
.justify-around {
  display: flex;
  justify-content: space-around;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.align-start {
  display: flex;
  align-items: flex-start;
}
.align-center {
  display: flex;
  align-items: center;
}
.align-end {
  display: flex;
  align-items: flex-end;
}
html{background:#F3F4F6;}
.page{background:url(../images/bg.png) no-repeat center top ;position:relative;background-size:100% auto;min-height:100vh;}
.section_1 {
  width:100%;
  height:auto;
}
input:focus {
    border:0;
}input{
    outline: none;
    border: none;
    padding: 0;
    margin: 0;
    text-decoration: inherit;
}
/**head css**/
.group_1 {
  background-image: linear-gradient(180deg,rgba(52, 116, 252, 1) 0,rgba(117, 164, 252, 1) 100%);
  border-radius: 0px 0px 24px 24px;
  width: 100%;
  height: 58px;
}
.label_1 {
  width: 24px;
  height: 24px;
  position:absolute;top:15px;left:15px;
}
.text_2 {
  width: 100%;
  position:absolute;
  top:0;
  height: 28px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 20px;
  font-family: PingFang SC-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 58px;
}
/**3.13新增**/
a{text-decoration:none;}
img{margin:0;padding:0;}
ul,li{list-style:none;}
/* 尾部导航 */
.holder{width: 100%;height:60px;margin-top:30px;}
.foot-bar{width: 100%;position: fixed;bottom: 0;left: 0;z-index: 99;background:#152f5e;border-radius:60px;}
.foot-bar ul{width: 100%;display: flex;justify-content: space-between;font-size:0.75rem;color: #333;}
.foot-bar ul li{width: 20%;text-align: center;height:60px;display: flex;align-items: center;flex-direction: column;justify-content: center;}
.foot-bar ul li i{flex-shrink: 0;display: inline-block;width: 100%;height:2.5rem;margin-top: .08rem;}
.foot-bar ul li span{color:#fff;font-weight: 700;}
.foot-bar ul li:nth-child(1) i{background: url(../images/tap-bar-home1.png) center center no-repeat;background-size:30px 30px;}
.foot-bar ul li:nth-child(2) i{background: url(../images/tap-bar-bank1.png) center center no-repeat;background-size:30px 30px;}
.foot-bar ul li:nth-child(4) i{background: url(../images/tap-bar-detail1.png) center center no-repeat;background-size:30px 30px;}
.foot-bar ul li:nth-child(5) i{background: url(../images/tap-bar-more1.png) center center no-repeat;background-size:30px 30px;}
.foot-bar ul li.active:nth-child(1) i{background: url(../images/tap-bar-home2.png) center center no-repeat;background-size:30px 30px;}
.foot-bar ul li.active:nth-child(2) i{background: url(../images/tap-bar-bank2.png) center center no-repeat;background-size:30px 30px;}
.foot-bar ul li.active:nth-child(3) i{background: url(../images/tap-bar-middle2.png) center center no-repeat;background-size:2rem auto;}
.foot-bar ul li.active:nth-child(4) i{background: url(../images/tap-bar-detail2.png) center center no-repeat;background-size:30px 30px;}
.foot-bar ul li.active:nth-child(5) i{background: url(../images/tap-bar-more2.png) center center no-repeat;background-size:30px 30px;}
/* .foot-bar ul li.active span{color:#4e9a8d;}*/
.tuchu::before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 30px;
    width: 50px;
    height: 50px;
    z-index: -1;
    background-image: linear-gradient(180deg, rgba(139, 177, 250, 1) 0, rgba(47, 99, 235, 1) 100%);
    border-radius: 50%;
}

.foot-bar ul li:nth-child(3) i{background: url(../images/tap-bar-middle1.png) center top no-repeat;background-size:40px 40px;
    position: absolute;pointer-events: none;
    left:0;top:-16px;}
/**3.13新增**/
.group_0 {
    background-image: linear-gradient(180deg, rgba(52, 116, 252, 1) 0, rgba(117, 164, 252, 1) 100%);
    border-radius: 0px 0px 24px 24px;
    width: 100%;
    height: 58px;
}

/**3.22新增**/
.services{
position: fixed;
top:50%;right:0;
    z-index: 99999;
    background-color: rgba(53, 115, 255, 1);
    border-radius:50px;
	height:50px;
	width:50px;
    font-size: 19px;
	vertical-align:middle;border:2px solid #fff;
text-align: center;}
.services img{width:28px;margin:10px auto;}