body, html {
  background-color : #F4F4F4;
  max-width : 750px;
  margin : 0 auto;
  padding : 0;
  font-family : PingFangSC-Regular,helvetica,'Heiti SC','Hiragino Sans GB','Microsoft Yahei',sans-serif;
  box-sizing : border-box;
}
.mdui-bottom-nav-fixed {
  padding-bottom : 56px;
}
.page-bottom-nav {
  height : 56px;
  position : fixed;
  bottom : 0;
  width : 100%;
  display : flex;
  justify-content : space-between;
  align-items : center;
  background-color : #FFFFFF;
  z-index : 10;
  max-width: 750px;
}
.page-bottom-nav__item {
  flex : 1;
  text-align : center;
}
.page-bottom-nav__item img {
  display : block;
  width : 20px;
  height : 20px;
  margin : 0 auto;
}
.page-bottom-nav__item span {
  text-align : center;
  margin : 0 auto;
  display : block;
  font-size : 10px;
  line-height : 14px;
  color : #363636;
  margin-top : 3px;
}
ul, li {
  list-style : none;
}
.main_footer {
  border-top : 3px solid #E30680;
  text-align : center;
}
ul.footer_tabs {
  width : 100%;
  list-style : none;
  text-align : center;
  color : #111111;
  display : contents;
}
.footer_tabs li {
  width : 50%;
  float : left;
  text-align : center;
  line-height : 30px;
  cursor : pointer;
}
.footer_tabs li a {
  color : #333333;
  font-size : 14px;
}
p {
  margin : 0;
  padding : 0;
}
.mdui-btn {
  background : #B4272D;
  color : #FFFFFF!important;
  text-align : center;
  width : 100%;
  height : 48px;
  line-height : 48px;
  min-width : 64px;
  text-align : center!important;
}
.mdui-dialog-actions-stacked {
  padding : 0 !important;;
}