body, html {
    height: 100%;
    -webkit-tap-highlight-color: transparent;
}

.weui-tabbar__item.weui-bar__item--on .weui-tabbar__label {
    color: #428bca !important;
}

.weui-tabbar__item.weui-bar__item--on .weui-tabbar__icon i {
    color: #428bca !important;
}

.hosTopBg {
    height: 180px;
    background-image: url('../images/topbg01.png');
    background-size: 100% 100%;
    background-position: left top;
    background-repeat: no-repeat;
    position: relative;
    background-color: #F5F5F5;
    width: 100%;
    font-size: 21px;
}

    .hosTopBg .weui-flex__item {
        font-size: 14px;
    }

    .hosTopBg .notBind {
        text-align: center;
        font-size: 18px;
        padding-left: 70px;
    }

        .hosTopBg .notBind a {
            width: 170px;
            color: #d09830;
            padding: 3px;
        }


    .hosTopBg .topHead {
        width: 80px;
        height: 80px;
        position: absolute;
        left: 7%;
        top: 40px;
        border-radius: 50%;
    }

    .hosTopBg  .top60 {
        padding-top: 60px;
    }

    .hosTopBg .textleft {
        text-align: left
    }

    .hosTopBg .textright {
        text-align: right
    }

    .hosTopBg .title {
        color: #999
    }

.weui-grid__icon {
    text-align: center
}

.weui-grid__label {
    color: #666666;
}

.indexmenu {
    font-size: 21px !important;
    color: #666666;
    overflow-y: scroll;
    height: 550px;
}

    .indexmenu .width50 {
        width: 50%
    }

.indexmenu2 {
    font-size: 21px !important;
    color: #666666;
    overflow-y: scroll;
    height: 350px;
    margin-top: 10px;
}

.list {
    background-color: #eee
}

    .list .title {
        font-size: 18px;
        background-color: #fff;
        font-weight: bold;
        text-align: center;
        color: #333333;
        padding: 7.5px 0px
    }