body {
    margin-bottom: 30px;
}

.main {
    min-height: calc( 100vh - 340px);
}

.k-badge{
    border-radius: 5px;
}
.mbuss-header {
    height: 200px;
    padding: 20px 0 10px;
    background: #0181ff;
    margin-bottom: -30px;
}
.mbuss-header .logo {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 4rem;
    position: relative;
}
.mbuss-header .title {
    font-family: "STKaiti", "KaiTi";
    font-size: 2rem;
    text-align: center;
    color: #fff;
    text-shadow: 0px 20px 8px #060607;
}
.mbuss-msg {
    padding: 10px 20px;
    background: #fff;
    margin: 10px;
    border-radius: 5px;
    color: #f31616;
}

.user-binding {
    padding: 15px;
    background: #FFFFFF;
    border-radius: 5px;
}
.user-binding:before {
    content: "尚未绑定用户"
}

.user-card-list:before {
    content: "当前绑定用户"
}
.user-card-list {
    background: #FFFFFF;
    border-radius: 5px;
    padding: 15px 15px 10px 15px;
}
.user-card {
    margin: 10px 5px;
    border: 1px solid #ccc;
    padding: 10px;
    box-shadow: 6px 1px 13px 1px #ccc;
    border-left: solid 10px #0181ffab;
}
.notice-card-list {
    background: #FFFFFF;
    border-radius: 5px;
    padding: 15px 15px 10px 15px;

}
.notice-card {
    margin: 10px 5px;
    border: 1px solid #ccc;
    padding: 10px;
    box-shadow: 6px 1px 13px 1px #ccc;
    border-left: solid 10px #ff5722;
}
.mbuss-row-body {
}
.mbuss-title {
    text-align: left;
    color: #5e5e5e;
    padding: .7rem 1rem .5rem;
    font-weight: 600;
    font-size: 15px;
    border-bottom: 1px solid #d7dce4;
}
.cu_name {
    color: #0a71be;
    font-weight: 600;
}
.cu_addr {
    color: #393c3f;
}


.mbuss-lg-btn {
    background: #FFF;
    height: 88px;
    text-align: center;
    vertical-align: bottom;
    border-radius: 5px;
}
.mbuss-lg-btn a {display: block;height:100%;}

.btn-name2 {margin-top: 20px;font-size:15px;}
.btn-icon {
    height: 54px;
    background-size: 36px 36px;
}
.btn-icon-new {
    background: url(/static/img/mbuss/new.png) no-repeat;
    background-position: center;
    margin: 13px 15px 0 0;
}
.btn-icon-intro {
    background: url(/static/img/mbuss/intro.png) no-repeat;
    background-position: center;
    margin: 13px 15px 0 0;
}
.btn-icon-faq {
    background: url(/static/img/mbuss/faq.png) no-repeat;
    background-position: center;
    margin: 13px 15px 0 0;
}
.btn-icon-mod {
    background: url(/static/img/mbuss/mod.png) no-repeat;
    background-position: center;
    margin: 13px 15px 0 0;
}
.btn-icon-uid {
    background: url(/static/img/mbuss/uid.png) no-repeat;
    background-position: center;
}
.btn-icon-fee {
    background: url(/static/img/mbuss/fee.png) no-repeat;
    background-position: center;
}
.btn-icon-feerecord {
    background: url(/static/img/mbuss/fee_record.png) no-repeat;
    background-position: center;
}
.btn-icon-meterread {
    background: url(/static/img/mbuss/meterread.png) no-repeat;
    background-position: center;
}
.btn-icon-bills {
    background: url(/static/img/mbuss/bills.png) no-repeat;
    background-position: center;
}
.btn-icon-contract {
    background: url(/static/img/mbuss/contract.png) no-repeat;
    background-position: center;
}
.btn-icon-namechange {
    background: url(/static/img/mbuss/name_change.png) no-repeat;
    background-position: center;
}
.btn-icon-phonechange {
    background: url(/static/img/mbuss/phone_change.png) no-repeat;
    background-position: center;
}
.phone-num {
    color: chocolate;
    font-size: 36px;
    display: inline-block;
    position: absolute;
    bottom: 12px;
    left: 35px;
    text-shadow: 1px 0px 4px #d3691e;
    -webkit-text-stroke: 1px #d3691e;
}
.btn-icon-errorchange {
    background: url(/static/img/mbuss/error_change.png) no-repeat;
    background-position: center;
}
.btn-icon-ticket {
    background: url(/static/img/mbuss/ticket.png) no-repeat;
    background-position: center;
}
.btn-icon-ticketrecord {
    background: url(/static/img/mbuss/ticket_record.png) no-repeat;
    background-position: center;
}
.btn-icon-zbzm {
    background: url(/static/img/mbuss/zbzm.png) no-repeat;
    background-position: center;
}
.btn-icon-price {
    background: url(/static/img/mbuss/price.png) no-repeat;
    background-position: center;
}
.btn-icon-econtract {
    background: url(/static/img/mbuss/econtract.png) no-repeat;
    background-position: center;
}
.btn-icon-quality {
    background: url(/static/img/mbuss/quality.png) no-repeat;
    background-position: center;
}
.btn-icon-report {
    background: url(/static/img/mbuss/report.png) no-repeat;
    background-position: center;
}
.btn-icon-cutoff {
    background: url(/static/img/mbuss/cutoff.png) no-repeat;
    background-position: center;
}
.btn-icon-safety {
    background: url(/static/img/mbuss/safety.png) no-repeat;
    background-position: center;
}
.btn-icon-complaints {
    background: url(/static/img/mbuss/complaints.png) no-repeat;
    background-position: center;
}
.btn-icon-files {
    background: url(/static/img/mbuss/files.png) no-repeat;
    background-position: center;
}
.btn-icon-groupintro {
    background: url(/static/img/mbuss/groupintro.png) no-repeat;
    background-position: center;
}
.btn-icon-news {
    background: url(/static/img/mbuss/news.png) no-repeat;
    background-position: center;
}
.btn-icon-location {
    background: url(/static/img/mbuss/location.png) no-repeat;
    background-position: center;
}
.btn-icon-unbind {
    background: url(/static/img/mbuss/unbind.png) no-repeat;
    background-position: center;
}
.btn-icon-hr {
    background: url(/static/img/mbuss/hr.png) no-repeat;
    background-position: center;
}
.btn-icon-xwst {
    background: url(/static/img/mbuss/xwst.png) no-repeat;
    background-position: center;
}
.btn-full-banner {
    background: #fff;
    height: 88px;
    border-radius: 10px;
    margin-top:15px;
}
.banner-phone {
    height: 100%;
    background: url(/static/img/mbuss/phone.png) no-repeat;
    background-position: center;
    background-size: contain;
}

footer {
    height: 60px;
    margin-top:20px;
    text-align: center;
}
.footer-logo {
    display:inline-block;line-height:33px;
}
.footer-logo img {height: 26px;}
.footer-txt {
    display:inline-block;font-size:10px; color: #888;vertical-align:top;
}
.footer-copyright {
    font-size:10px; color:#888; margin-top:6px;
}

.paging {margin-top:15px; text-align:center;}
.emptyrow {margin:10px; text-align:center;}

.mbuss-bill {
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    border-radius: 8px;
    border-top: 2px solid #16b777
}
h3.mbuss-bill-title {
    padding-bottom: 10px;
}
.bill-detail {
    padding-left:10px;
}
.bill-detail-title {

}

.k-article-list {
    padding: .8rem .3rem;
    color: #999;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.k-article-list-header {
    margin-bottom: .3rem;
    color: #999;
}

.k-article-list-header a.k-article-title {
    font-size: 1.1rem;
    padding-right: .8rem;
    display: inline-block;
    line-height:1.3rem;
}

.k-article-list-info {
    margin:10px 0;
    color: #000;
}

.k-article-list-desc {
    height: 48px;
    line-height: 24px;
    overflow: hidden;
    color: #999;
    word-wrap: break-word;
}
.k-article {
    padding: 1.3rem .6rem;
}
.k-article-header {
    font-size: 1.4rem;
    text-align: center;
}
.k-article-info {
    margin-top:10px;
    text-align: center;
}