html{
  max-width: 750px;
  margin: auto;
  /* font-size: 13.334vw; */
}
#app{
  height: 100%;
  /* background-color: #F5F5F5; */
}
.shadow{
    box-shadow:  0 1px 4px #eee;
}
.title1{
    font-size: 16px;
    font-weight: bold;
    position: relative;
    line-height: 20px;
    padding-left:16px;
}
.title1::before{
    content: '';
    border-left:3px solid #2F86F6;
    height: 20px;
    position: absolute;
    left:0;
    top:0;
}
.wrap{
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.space{
    width: 100%;
    height: 15px;
    background-color: #f5f5f5;
}
.wrap .header{
  height: 44px;
}
.wrap .content{
  flex: 1;
  /*overflow-y: auto;*/
  /* border:1px solid orange */
}
.wrap .footer{
  height: 50px;
  color:#BFBFBF;
}
.wrap .footer .active{
    color:#2F86F6 !important;

}

.bor{
  border:1px solid red;
}

.flex{
  display: flex;
  align-items: center;
}
.flex.flex-b{
  justify-content: space-between;
}
.flex.flex-s{
  justify-content:start
}
.flex.flex-e{
  justify-content:end
}
.flex.flex-c{
  justify-content:center
}
.tx{
  text-align: center;
}
.tl{
  text-align: left;
}
.tr{
  text-align: right;
}

.p10{
  padding:10px;
}
.p15{
  padding:15px;
}
.p20{
  padding:20px;
}
.p30{
  padding:30px;
}
.p40{
  padding:40px;
}

.pt10{
  padding-top:10px;
}
.pt15{
  padding-top:15px;
}
.pt20{
  padding-top:20px;
}
.pt25{
  padding-top:25px;
}

.pl10{
  padding-left:10px;
}
.pl15{
  padding-left:15px;
}
.pl20{
  padding-left:20px;
}
.pl25{
  padding-left:25px;
}

.pr10{
  padding-right:10px;
}
.pr15{
  padding-right:15px;
}
.pr20{
  padding-right:20px;
}
.pr25{
  padding-right:25px;
}


.pb10{
  padding-bottom:10px;
}
.pb15{
  padding-bottom:15px;
}
.pb20{
  padding-bottom:20px;
}
.pb25{
  padding-bottom:25px;
}

.m10{
  margin:10px;
}
.m15{
  margin:15px;
}
.m20{
  margin:20px;
}
.m25{
  margin:25px;
}
.m30{
  margin:30px;
}

.mt10{
  margin-top:10px;
}
.mt15{
  margin-top:15px;
}
.mt20{
  margin-top:20px;
}
.mt25{
  margin-top:25px;
}
.mt30{
  margin-top:30px;
}

.mr10{
  margin-right:10px;
}
.mr15{
  margin-right:15px;
}
.mr20{
  margin-right:20px;
}
.mr25{
  margin-right:25px;
}
.mr30{
  margin-right:30px;
}


.mb10{
  margin-bottom:10px;
}
.mb15{
  margin-bottom:15px;
}
.mb20{
  margin-bottom:20px;
}
.mb25{
  margin-bottom:25px;
}
.mb30{
  margin-bottom:30px;
}


.ml10{
  margin-left:10px;
}
.ml15{
  margin-left:15px;
}
.ml20{
  margin-left:20px;
}
.ml25{
  margin-left:25px;
}
.ml30{
  margin-left:30px;
}

.center{
  text-align: center;
}