.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix {
    clear: both;
}

body {
    background: white;
    max-width: 750px;
    margin: 0 auto;
}

/*头部*/

.header {
    position: relative;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #D9D9D9;
    color: #333;
}

.header .fanhui img{
    width: 32px;
    height: 32px;
}

.header .fanhui {
    position: absolute;
    top: 8px;
    left: 10px;
    width: 32px;
    height: auto;
}

.header .no-border {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border: none;
    font-size: 15px;
}

/** 导航栏 **/

.weui-tabbar {
    position: fixed;
    bottom: 0;
    z-index: 999;
    max-width: 750px;
    margin: 0 auto;
}

.weui-tabbar__label {
    font-size: 12px;
}

.weui-tabbar__item i {
    display: block;
    width: 23px;
    height: 23px;
    margin: 0 auto;
}

.weui-tab .weui-tabbar__icon {
    width: 23px;
    height: 23px;
    margin: 3px 0;
}

.weui-tabbar__item.weui-bar__item--on .weui-tabbar__label,
.weui-tabbar__item.weui-bar__item--on .weui-tabbar__icon>i,
i.weui-tabbar__icon {
    color: #F6AE00;
}

.weui-btn_primary:not(.weui-btn_disabled):active {
    background-color: #F6AE00;
}

.weui-tabbar__item .hide {
    display: none;
}

.weui-tabbar__item.weui-bar__item--on img {
    display: none;
}

.weui-tabbar__item.weui-bar__item--on .hide {
    display: block;
}