body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

.mui-content {
    height: 100%;
}

.mui-bar .mui-btn-link {
    color: #000;
}

li {
    list-style: none;
}

.xb-card-show {
    padding-top: 5px;
    padding-bottom: 5px;
}

    .xb-card-show div {
        padding: 2px 15px;
    }

.xb-card-header {
    font-size: 16px;
}

.mui-bar {
    background-color: #fff;
    position: absolute;
}

.mui-bar-nav {
    box-shadow: 0 0px 0px #ccc;
}

.mui-content .xb-kucun-index {
    background-color: #fff;
}

.mui-content > .mui-table-view:first-child {
    margin-top: 0px;
}

.xb-card-padding {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.xb-kucun-cardshow label {
    text-align: right;
}

.xb-block-btn-cont {
    margin: 10px;
}

/* login start*/

.mui-input-group {
    margin-top: 10px;
}

    .mui-input-group:first-child {
        margin-top: 20px;
    }

    .mui-input-group label {
        width: 35%;
    }

.mui-input-row label ~ input,
.mui-input-row label ~ select,
.mui-input-row label ~ textarea {
    width: 65%;
}

.mui-checkbox input[type=checkbox],
.mui-radio input[type=radio] {
    top: 6px;
}

.mui-content-padded {
    margin-top: 25px;
}


.link-area {
    display: block;
    margin-top: 25px;
    text-align: center;
}

.spliter {
    color: #bbb;
    padding: 0px 8px;
}
/* login end*/

/*home start*/
.xb-index-authtip {
    text-align: center;
    margin-top: 20px;
}
/*home end*/

/*register start*/
.xb-reg-select {
    width: 65%;
    float: right;
}

.mui-input-row .xb-reg-code {
    width: 40%;
    float: left;
}

.mui-input-row .xb-reg-getcode {
    width: 24%;
    float: left;
    padding: 8px 4px;
    font-size: 14px;
    margin-top: 4px;
    color: #007aff;
    border: 1px solid #007aff;
}
/*register end*/

/*payinfo start*/
.xb-payinfo {
    text-align: center;
    margin-top: 20px;
}
/*payinfo end*/

/*pay start*/
.xb-pay {
    margin: 10px;
}

.xb-pay-title {
    margin-top: 20px;
    margin-bottom: 20px;
}

.xb-pay-card {
    margin-top: 20px;
}

    .xb-pay-card img {
        max-width: 100%;
    }
/*pay end*/

/*order start*/
.xb-order-search {
    margin: 10px;
}

    .xb-order-search select {
        margin-bottom: 0px;
    }


.xb-order-show div label {
}

.xb-order-apply {
}

.SupplementCardMessageDetailUl {
    width: 100%;
}

.SupplementCardMessageDetailBtn {
    position: absolute;
    top: 10px;
    right: 10px;
}

/*order end*/

/*orderinfo start*/

.xb-orderinfo div {
    padding: 5px 15px;
}
/*orderinfo end*/

/*servicecard start*/
.xb-servicecard-search {
    margin: 10px;
}

    .xb-servicecard-search select {
        margin-bottom: 0px;
    }

.xb-servicecard-show div {
    padding: 2px 15px;
}

/*servicecard end*/

/*qudao start*/
.xb-qudao-cardfooter {
    display: block;
    text-align: right;
}

    .xb-qudao-cardfooter a {
        margin-left: 10px;
    }
/*qudao end*/

/*createorder start*/
.mui-input-group .xb-createorder-show {
    height: auto;
}

.xb-createorder-show .createorder-right {
    width: 65%;
    float: right;
    padding: 10px 0px;
    padding-left: 0px;
}

.xb-createorder-show .uploadmobilephoto ul {
    margin-left: 0px;
    padding-left: 0px;
    margin-top: 0px;
}

.showuploadinfo {
    padding: 10px;
}

    .showuploadinfo div {
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 14px;
    }

    .showuploadinfo .xb-cr-title {
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 16px;
    }

    .showuploadinfo .xb-createorder-close {
        position: absolute;
        top: 18px;
        right: 10px;
        width: 15px;
        height: 15px;
    }
/*createorder end*/

/*servicecard add start*/
.mui-card-content .xb-cardadd-list {
    border-bottom: 1px solid #c8c7cc;
}

.xb-cardadd-list label {
    text-align: right;
}


.xb-cardadd-input label {
    text-align: right;
}
/*servicecard add end*/

.xb-productlist-show div {
    text-align: justify;
}

.xb-productlist-show label {
    display: inline-block;
}

.xb-productlist-show span {
    display: inline-block;
    float: right;
}

.xb-qudao-index {
    margin: 0px;
    border-top: 1px solid #c8c7cc;
}

    .xb-qudao-index input {
        background-color: #efeff4;
    }

.xb-select-commom {
    width: 68%;
    margin-bottom: 0px;
    padding: 6px 10px;
    height: 34px;
}

.xb-al-right {
    float: right;
}

.xb-card-table {
    display: inline-block;
    width: 49%;
}

.xb-qudao-cardshow {
    padding-top: 5px;
    padding-bottom: 5px;
}

.xb-loaddata-show {
    margin-top: 30px;
}

    .xb-loaddata-show img {
        vertical-align: top;
        vertical-align: top;
        margin-top: 0px;
        width: 20px;
        height: 20px;
    }

.xb-twobutton-right {
    margin-left: 20px;
}

.xb-allocate-select {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    border-top: 1px solid #c8c7cc;
    padding: 10px;
    background-color: #fff;
}

    .xb-allocate-select select {
        background-color: #efeff4;
    }

.xb-cardlist-cont {
    width: 100%;
}

.table th {
    font-weight: bold;
}

.table th, .table td {
    padding: 8px;
    line-height: 20px;
    word-break: break-all;
}

.table-bg thead th {
    background-color: #f5fafe;
}

.table-bordered th, .table-bordered td {
    border-left: 1px solid #ddd;
}

.table-border th, .table-border td {
    border-bottom: 1px solid #ddd;
}

.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}

.table-border.table-bordered {
    border-bottom: 0;
}

.table-bordered {
    border: 1px solid #ddd;
    border-collapse: separate;
    border-left: 0;
}

.table-border {
    border-top: 1px solid #ddd;
}

.xb-nodatashow {
    text-align: center;
    margin-top: 20px;
}

.table {
    width: 100%;
    empty-cells: show;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}

.textalignleft {
    text-align: left;
}

.textaligncenter {
    text-align: center;
}

.textalignright {
    text-align: right;
}

.xb-cardlist-cont button {
    border-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

.xb-cardlist-cont input {
    width: 70%;
    text-align: left;
    margin-bottom: 0px;
    border: 0px;
    padding: 0px;
}

.xb-cardlist-cont label {
    display: inline-block;
    padding-top: 10px;
}

.xb-cardlist-cont table {
    width: 100%;
}

.xb-cardlist-cont .xb-tb-remove {
    width: 20%;
    text-align: right;
    padding-right: 17px;
    border-left: 1px solid #c8c7cc;
}

.xb-cardlist-cont .xb-tb-left {
    padding: 0px 15px;
}

.xb-supplementcard-cont {
    background-color: #fff;
    margin-top: 10px;
    padding: 20px 10px;
}

    .xb-supplementcard-cont .xb-supplymentcard-tilte {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .xb-supplementcard-cont .xb-supplymentcard-sy {
        color: #8f8f94;
    }