html, body {
    background: #efeff4;
}

img {
    height: auto;
    width: auto\9;
    width: 100%;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

input::placeholder, textarea::placeholder {
    color: #909090; /* 设置placeholder文字颜色 */
    font-size: 12px; /* 设置placeholder文字大小 */
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    content: "";
    display: block;
    clear: both;
}

.mui-content {
    padding-bottom: 60px;
}

.mui-content-padded {
    padding: 15px;
}

.mui-bar {
    background:#ffffff;
}

.mui-bar-nav {
    -webkit-box-shadow: 0 0 0 #ffffff;
    -moz-box-shadow: 0 0 0 #ffffff;
    box-shadow: 0 0 0 #ffffff;
}

.mui-bar-nav {
    background: #d00000;
}

    .mui-bar-nav .mui-title {
        color: #ffffff;
    }

    .mui-bar-nav .mui-icon-left-nav {
        color: #ffffff;
    }

.mui-action-back {

}

.mui-tab-item .mui-icon {
    color: #D8D8D8;
}

.mui-tab-item .mui-tab-label {
    color: #888888;
}

.mui-active .mui-icon {
    color: #d00000;
}

.mui-active .mui-tab-label {
    color: #d00000;
}

.mui-h5{
    color: #000000;
}

.mui-btn {

}

.mui-btn-block {
    padding: 10px 0;
}

.mui-btn-radius {
    border-radius: 50px;
}

input[type='submit'],
.mui-btn-primary {
    color: #fff;
    background-color: #d00000;
    border: 1px solid #d00000;
}
    input[type='submit']:enabled:active, input[type='submit'].mui-active:enabled,
    .mui-btn-primary:enabled:active,
    .mui-btn-primary.mui-active:enabled {
        color: #fff;
        background-color: #d00000;
        border: 1px solid #d00000;
    }

.mui-input-group{
    padding-top:10px;
    padding-bottom:5px;
}

    .mui-input-group:before, .mui-input-group:after {
        height: 0px;
    }

.mui-input-row {
    margin: 15px 5px;
}

    .mui-input-row:after {
        padding-left: 0px;
        height: 0;
    }

.mui-table-view {
}

    .mui-table-view:before, .mui-table-view:after {
        height: 0;
    }

.mui-table-view-cell {
    padding: 15px;
}

    .mui-table-view-cell:before, .mui-table-view-cell:after {
        left: 10px;
        right: 10px;
        height: 0;
    }

.mui-table-view .mui-table-view-cell .mui-navigate-right,
.mui-table-view .mui-table-view-cell a {
    margin-left: 0;
}

.mui-grid-view {
}

.mui-grid-9 {
    background-color: #ffffff;
}

mui-card:after {
    padding-left: 0px;
    height: 0;
}

mui-card-header:after {
    padding-left: 0px;
    height: 0;
}

.icon {
    width: 1.5em;
    height: 1.5em;
    fill: currentColor;
}

.after-line:after {
    background-color: #e4e4e4;
    height: 1px;
}

.detail-row {
    padding: 10px;
}

    .detail-row li {
        padding: 5px;
        list-style: none;
    }

.detail-row-title {
    padding: 10px;
}

.detail-row-text {
    padding: 10px;
    color: #ffffff;
}

.bg-glass {
    background-color: rgba(255, 255, 255, 0.0);
}

.bg-white {
    color: #333333;
    background: #ffffff;
}

.bg-green {
    color: #ffffff;
    background: #03c166;
}

.bg-yellow {
    color: #ffffff;
    background: #F5A623;
}

.bg-orange {
    color: #ffffff;
    background: #ffac64;
}

.bg-red {
    color: #ffffff;
    background: #ff0000;
}

.bg-blue {
    color: #ffffff;
    background: #0094ff;
}

.bg-grey {
    color: #ffffff;
    background: #97a09e;
}

.bg-silver {
    color: #333333;
    background: #f4f5f9;
}

.bg-black {
    color: #ffffff;
    background: #000000;
}

.bg-gold {
    background: #2b7de1;
}

.color-white {
    color: #ffffff;
}

.color-green {
    color: #08ffa2;
}

.color-yellow {
    color: #F5A623;
}

.color-orange {
    color: #ffac64;
}

.color-red {
    color: #ff0000;
}

.color-blue {
    color: #0094ff;
}

.color-grey {
    color: #97a09e;
}

.color-silver {
    color: #f4f5f9;
}

.color-black {
    color: #000000;
}

.color-gold {
    color: #2b7de1;
}

.square-item {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 100%;
    background: #ffffff;
}

    .square-item img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        background-size: cover;
        background-position: center;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

.bg-main-radius {
    margin: 10px 0px;
    background: #f7f7f7;
    border-radius: 15px;
    padding: 10px;
}

.box-block {
    margin: 10px 10px;
}

.box-radius {
    margin: 10px 10px;
    background: #ffffff;
    border-radius: 15px;
    padding:10px;
}

.box-title{

}

.box-content{

}

.navtab {
    width: 100%;
    background: #ffffff;
    text-align: center;
    padding-top: 10px;
    margin-bottom: 10px;
}

.navtab-btn {
    color: #999999;
    display: inline-block;
}

.navtab-btn-on {
    color: #333333;
    font-weight: bold;
    display: inline-block;
}

    .navtab-btn-on span {
        padding: 15px 0px;
        display: inline-block;
        border-bottom: 2px solid #d00000;
    }



.content-main {
    background: #ffffff;
    padding: 10px 0px;
    margin-top:20px;
    border-radius:15px;
}

.content-main-tab {
    padding: 15px 0px;
    background: #ffffff;
}

.content-main-tab-on {
    padding: 5px 0px;
    color: #d00000;
    border-bottom: 2px solid #d00000;
}

.content-main-tab-off {
    padding: 5px 0px;
    color: #999999;
}