body {
  margin: 0;

}

* {
  margin: 0;
  padding: 0
}

.head-section {
  background-image: url(static/img/img_01.png);
}

.fs20 {
  font-size: 20px;
}

.fs18 {
  font-size: 18px;
}

.fs16 {
  font-size: 16px;
}

.fs14 {
  font-size: 14px;
}

.fs13 {
  font-size: 13px;
}

.fs12 {
  font-size: 12px;
}

/*字体颜色*/

.C000000 {
  color: #000000;
}

.C333333 {
  color: #333333;
}

.C666666 {
  color: #666666;
}

.C999999 {
  color: #999999;
}

.Ce42f46 {
  color: #e42f46;
}

.Cffffff {
  color: #ffffff;
}

.C32a9f2 {
  color: #32a9f2;
}

.border {
  border: .01rem solid #dedddd;
}

.borderT {
  border-top: .01rem solid #dedddd;
}

.borderB {
  border-bottom: .01rem solid #dedddd;
}

.borderL {
  border-left: .01rem solid #dedddd;
}

.borderR {
  border-right: .01rem solid #dedddd;
}

.textAL {
  text-align: left;
}

.textAR {
  text-align: right;
}

.textAC {
  text-align: center;
}

.flexCenter {
  display: flex;
  align-items: center;
}

.goToIcon {
  display: block;
  background: url(../img/goToIcon.png) no-repeat;
  background-size: 100% 100%;
}

.zoomInIcon {
  display: block;
  background: url(../img/zoomInIcon.png) no-repeat;
  background-size: 100% 100%;
}

.zoomOutIcon {
  display: block;
  background: url(../img/zoomOutIcon.png) no-repeat;
  background-size: 100% 100%;
}

.homeIcon {
  display: inline-block;
  background: url(../img/homeIcon.png) no-repeat;
  background-size: 100% 100%;
}

.vipIcon {
  display: inline-block;
  background: url(../img/vipIcon.png) no-repeat;
  background-size: 100% 100%;
}

.cardIcon {
  display: inline-block;
  background: url(../img/cardIcon.png) no-repeat;
  background-size: 100% 100%;
}

.bank {
  display: inline-block;
  background: url(../img/bank.png) no-repeat;
  background-size: 100% 100%;
}


.report {
  display: inline-block;
  background: url(../img/allList.png) no-repeat;
  background-size: 100% 100%;
}

.systemSet {
  display: inline-block;
  background: url(../img/systemSet.png) no-repeat;
  background-size: 100% 100%;
}