html {
    font-size: 20px;
}

[v-cloak] {
    display: none;
}

body {
    font-size: 0.93rem !important;
    line-height: 1.5rem;
    color: #000000 !important;
    margin: 0 auto !important;
    font-family: "Microsoft YaHei" !important;
}

#app {

    width: 100%;
    height: 100%;
}

/******muse组件重置******/
input, select, textarea, checkbox, .mu-input {
    font-size: 0.93rem !important;
    line-height: 1.5rem;
    color: #000000 !important;
}

.mu-select-content {
    min-height: inherit;
}

.mu-input {
    min-height: inherit;
    padding: 0 !important;
}

.mu-select {
    height: inherit;
    position: relative;
    float: right
}

.mu-select-input, .mu-text-field-input {
    text-align: right;
    height: inherit;
}

.mu-input-content {
    height: inherit;
}

.bottomNav {
    position: fixed;
    bottom: 0;
    height: 57px;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    border-top: #f0f0f0 1px solid;
    z-index: 100;
    font-weight: bold;
}

.bottomNav > .fa {
    display: inline !important;
}

.bottomNav > .mu-bottom-nav {
    line-height: 40px;
}

.mu-bottom-item-text { /*底部按扭文字设置*/
    display: inline !important;
    font-size: 0.93rem !important;
}

.mu-bottom-item {
    max-width: 100% !important;
}

.mu-bottom-item-wrapper > .mu-badge-circle {
    width: 17px !important;
    height: 17px !important;
}

.mu-bottom-item-wrapper > .mu-badge-float {
    top: 5px !important;
    right: 50px !important;
}

/*徽章大小调整*/
.mu-badge-circle {
    width: 18px;
    height: 18px;
    font-size: 8px !important;
}

/******其它重置******/
table {
    font-size: 0.93rem !important;
}

/******项目页面主要样式******/
.topBlock { /*顶部用户信息*/
    position: fixed;
    top: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #ffffff;
    font-weight: bold;
    padding-left: 15px;
    z-index: 100;
    border-bottom: #f0f0f0 1px solid;
}

.homeBlock {
    height: 100%;
    padding-bottom: 57px;
    -webkit-overflow-scrolling: touch;
    flex: 1;
    overflow: hidden;
}

.main {
    flex: 1;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    padding-bottom: 10px;
    overflow-y: scroll;
    background-color: #f0f0f0;
    -webkit-overflow-scrolling: touch;
}

.main-noloadmore {
    flex: 1;
    height: 100%;
    overflow: scroll;
    background-color: #f0f0f0;
    -webkit-overflow-scrolling: touch;
}

/*列表块样式*/
.listBox {
    position: relative;
    margin: 8px 8px 0 8px;
    background-color: white;
    padding: 10px;
    overflow: hidden;
}

/*表单每行的样式 行高25*/
.my-low-row, .my-tall-row {
    position: relative;
    overflow: hidden;
}

/*表单短标题*/
.my-short-title {
    color: #9e9e9e;
    float: left;
    margin-right: 0.5rem;
    min-width: 3rem; /*4个字宽*/
    text-align: justify;
    text-align-last: justify;
    position: absolute;
}

.my-short-title:after {
	content: "";
	display: inline-block;
	width: 100%;
	overflow: hidden;
}

.whiteTxtTit .my-short-title {
    color: #ffffff;
}

/*表单每行内容*/
.my-row-content {
    display: block;
    overflow: hidden;
    word-break: normal;
    word-wrap: break-word;
    margin-left: 3.5rem;
    min-height: 1.5rem;
}

/*label为4个字时的宽度*/
.longLabelBlock .my-row-content {
    margin-left: 5rem;
}

/******列表页面--基本样式******/
.listMsgBody {
    padding: 0.6rem 0;
    border: solid 1px #eeeeee;
    border-left: none;
    border-right: none
}

.listMsgBodyNor {
    padding: 0.6rem 0;
    border-top: solid 1px #eeeeee;
}

.numIdx {
    background-color: #eeeeee;
    min-width: 0.55rem;
    font-size: 0.55rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    display: inline-block;
    z-index: 1;
    color: #aaa;
    position: absolute;
    left: 1px;
    top: 0px
}

.list-item-title {
    padding-bottom: 0.3rem;
    display: inline-block;
}

/******详细页面--基本样式******/
.myItTitle {
    border-bottom: solid 1px #dddddd;
    font-weight: bold;
    padding: 0.4rem 0;
}

.myItTitle i:not(.fa) {
    content: " ";
    display: inline-block;
    width: 5px;
    height: 0.9rem;
    border-radius: 3px;
    background-color: #2196f3;
    margin-right: 6px;
}

.myItBlock {
    position: relative;
    margin: 8px 8px 0 8px;
    background-color: white;
    padding: 10px;
    overflow: hidden;
}

.myItBlock .myItRow {
    border-bottom: dashed 1px #dddddd;
    padding: 0.5rem 0;
    clear: both;
    overflow: hidden;
}

.myItBlock .myItRow:last-child {
    border-bottom: none
}

.myItBlock .myItRow label.la {
    float: left;
    margin-right: 0.5rem;
    min-width: 3.6rem; /*4个字宽*/
    text-align: justify;
    text-align-last: justify;
}

.myItBlock .myItRow label.la:after {
	content: "";
	display: inline-block;
	width: 100%;
	overflow: hidden;
}
.myItBlock .myItRow span.sp {
    text-align: right;
    display: block;
    overflow: hidden;
    word-break: normal;
    word-wrap: break-word;
    min-height: 0.7rem;
}

/******页面小元素******/
/*列表处理按钮*/
.my-button {
    float: right;
    height: 1.2rem;
    line-height: 1.2rem;
    padding: 0 0.6rem;
    border-radius: 2rem;
    background: #2196f3;
    color: #ffffff;
    text-align: center;
}

.rece-button {
    padding: 1px 11px;
    height: 1.6rem;
    line-height: 1.6rem;
    width: 5.8rem;
    background-color: #2196f3;
    color: white;
    border-radius: 1rem;
    text-align: center;
    margin-left: 1rem;
}

.hasdo-button {
    background-color: #cccccc !important;
}

/*拍照模块*/
.camera-div {
    float: left;
    position: relative;
    height: 7rem;
    width: 30%;
    /*width:30%;height:0;padding-bottom:29%;*/
    margin: 0 2% 0.6rem 1%;
    border-radius: 5px;
    color: #dddddd;
    border: solid 1px #dddddd;
    display: flex;
    align-items: center;
    justify-content: space-around;
    text-align: center;
    overflow: hidden;
}

.camera-div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.picture-close-btn {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0.9rem;
    background-color: #2196f3;
    color: #ffffff;
    padding: 0 0.1rem;
}

/*无数据*/
.noDataIcon {
    margin-top: 30%;
    width: 140px;
    height: 130px;
    background: url('../images/nodataIcon.png') no-repeat;
    background-size: cover
}

.noDataTxt {
    color: #9e9e9e
}

.noData { /*暂无数据*/
    height: 39px;
    line-height: 39px;
    text-align: center;
    width: 100%
}

.errorIcon {
    margin-top: 20%;
    width: 140px;
    height: 130px;
    background: url('../images/errorIcon.png') no-repeat;
    background-size: cover
}

.myButtonOnly {
    background-color: #1B9AF7;
    border: solid 1px #1B9AF7;
    color: #FFF;
    border-radius: 15px;
    width: 50%;
    height: 40px;
    line-height: 40px;
    outline: none;
}

/*处理类型*/
.badgeStatus {
    display: inline-block;
    line-height: 0.72rem;
    font-size: 0.72rem;
    padding: 1px 2px;
    margin-left: 5px;
    text-align: center;
    border-radius: 3px;
    border: solid 1px #ffaa00;
    color: #ffaa00;
}

.statusGreen {
    border: solid 1px #19c66b;
    color: #19c66b;
}

.cameraIcon i {
    font-size: 2rem;
}

/*加载遮罩*/
.loadingShapeSty {
    top: 0;
    bottom: 50px;
    width: 100%;
    background-color: #fff;
    position: fixed;
    z-index: 11;
    text-align: center
}

/*输入重置*/
.myInput-fr {
    text-align: right;
    border: none;
    outline: none;
    width: 100%;
    word-break: break-all;
}

/*蓝色边框按钮*/
.mySimpleBtn {
    color: #2196f3;
    border: #2196f3 1px solid;
    background-color: #ffffff;
}
/*本次读数背景颜色*/
.thisTimeInput{background-color: #dbffe8;border-radius: 5px;}
/******报销功能样式******/
.itemNumber {
    position: absolute;
    top: 0;
    padding: 0 2px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    left: 0;
    font-size: 0.3rem;
    line-height: 1rem;
    background-color: #19c66b;
    color: #ffffff;
}

.closeArrBtn {
    position: absolute;
    right: 0;
    top: 0;
    color: #2196f3;
}

.titAndClose {
    padding: 0.5rem 0;
}

.iconDollBg {
    background-color: #19c66b;
    width: 0.8rem;
    height: 0.8rem;
    line-height: 100%;
    text-align: center;
    margin-right: 2px;
    color: #ffffff;
    border-radius: 999px;
    display: inline-block
}

.noApproveTxt {
    width: 100%;
    text-align: center;
    color: #999999
}

/******客户crm功能样式******/
.iconSpan {
    display: inline-block;
    color: #ffffff;
    font-size: 0.6rem;
    line-height: 1;
    font-weight: normal;
    overflow: hidden;
    border-radius: 3px;
    text-align: center;
    padding: 1px;
}

.formalCustomer {
    background: #19c66b;
}

.successCustomer {
    background: #00d9d6;
}

.latentCustomer {
    background: #ffaa00;
}

.baseCustomer {
    background: #fd6632;
}

.voidCustomer {
    background: #999999;
}

.otherCustomer {
    background: #ffcd42;
}

.listTitBlock {
    padding-bottom: 0.3rem;
}

.myMoreArrBtn {
    color: #2196f3;
    vertical-align: middle;
    font-size: 0.6rem;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    float: right;
}

.musMoreArrBtn {
    color: #2196f3;
    float: right;
    margin-top: -5px;
    margin-right: -5px
}

.muNormalBtn {
    background-color: #2196f3;
    color: #ffffff;
}

.muGreenBtn {
    background-color: #19c66b;
    color: #ffffff;
}

.buttonGroupDiv {
    display: flex;
    justify-content: space-around;
    width: 82%;
    margin: 15px auto;
}

/*选择同行人,协且力时弹出的绿色小块*/
.mu-chip {
    line-height: 1.5rem;
}

/********************************************采购、销售、库存 elementUI******************************************/
/*this.$confirm宽度*/
.el-message-box{
    width:90%!important;
    max-width: 420px!important;
}
/*有圆角的白底列表box*/
.listBoxHasAngle {
    margin: 0 10px 10px;
    background-color: white;
    padding: 10px 5px 5px 20px;
    position: relative;
    border-radius: 5px 10px 10px;
    overflow: hidden;
}
/*分割线*/
.el-divider--horizontal {
    margin: 5px 0 !important;
    background-color: #eeeeee !important;
}

/*列表页按钮栏*/
.listBtnBar {
    height: 25px;
    margin-top: 8px;
    text-align: right;
    padding-right: 10px;
}

/*序号样式*/
.orderNum {
    position: absolute;
    left: 1px;
    top: 1px;
    font-size: 10px;
    font-style: italic;
    color: #C0C4CC;
    border-top-left-radius:50%;
    line-height: 10px;
    text-align: center;
}
/*首页气泡*/
.bubble {
    position: relative;
    top: -65px;
    right: -25px;
    width: 0;
    height: 0;
}
/*每个项目底部导航栏的气泡*/
.bubble2{
    position: relative;
    top: -10px;
    right: 30px;
    width: 0;
}
.bubble .el-badge__content,.bubble2 .el-badge__content {
    line-height: 18px!important;
    font-size: 10px;
    height: 20px!important;
    min-width: 20px ;
}
/*虚线边框*/
.colorBorderBox {
    margin: 10px 0;
    position: relative;
    padding: 10px 10px 10px 10px;
    border-radius: 5px 10px 10px;
    border: #cccccc 1px dashed;
}

/*列表4个字宽标题*/
.width5rem {
    display: inline-block;
    width: 5rem;
    color: #9e9e9e;
}

/*顶部导航*/
.topBar {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 2;
    background-color: white;
    padding: 10px;
    display: flex
}

/*搜索栏*/
.searchBar {
    display: inline-block;
    border: #2196f3 1px solid;
    height: 30px;
    line-height: 30px;
    background-color: white;
    border-radius: 20px;
    text-align: center;
    color: grey;
    flex: 1
}

/*搜索栏旁边的按钮*/
.addButton {
    height: 30px;
    color: white;
    border-radius: 5px !important;
    margin-left: 10px !important;
    padding: 0 10px !important
}

/*搜索弹框的标题 加行高和inpout对齐*/
.searchBoxLabel65 {
    display: inline-block;
    line-height: 28px;
    width: 6.5rem
}

.searchBoxLabel6 {
    display: inline-block;
    line-height: 28px;
    width: 6rem
}

/*搜索框每一行*/
.disflex_mt10 {
    display: flex;
    margin-top: 10px
}

/*返回顶部按钮*/
.arrow {
    text-align: center;
    margin-left: 20px;
    background-color: transparent;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-block;
    padding-top: 6px;
    position: fixed;
    bottom: 70px;
    right: 20px;
    box-shadow: 1px 1px 1px 1px lightgrey;
}

/*删除按钮*/
.delbutton {
    height: 20px;
    width: 20px;
    line-height: 15px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    right: -10px;
    top: -10px;
    background-color: white;
    color: lightgrey;
    border: lightgray 1px solid;
}

/*详情页面滚动范围*/
.mainbox {
    padding: 0 15px 70px;
    background-color: white;
    height: 100%;
    overflow-y: scroll
}

/******基础******/
.fr {
    float: right;
}

.fl {
    float: left;
}

.none {
    display: none
}

.textLeft {
    text-align: left !important;
}

.mt05rem {
    margin-top: 0.5rem;
}

.mt06rem {
    margin-top: 0.6rem;
}

.mt07rem {
    margin-top: 0.7rem;
}

.mt08rem {
    margin-top: 0.8rem;
}

.mt09rem {
    margin-top: 0.9rem;
}

.mt1rem {
    margin-top: 1rem;
}

.mt11rem {
    margin-top: 1.1rem;
}

.mt12rem {
    margin-top: 1.2rem;
}

.mt13rem {
    margin-top: 1.3rem;
}

.mt14rem {
    margin-top: 1.4rem;
}

.mt15rem {
    margin-top: 1.5rem;
}

.mt20rem {
    margin-top: 2rem;
}

.colorGreen {
    color: #19c66b;
}

.colorBlue {
    color: #2196f3
}

.colorRed {
    color: #ff0000
}

.colorZhi {
    color: #7000d9
}

.colorQing {
    color: #00d9d6
}

.colorOrg {
    color: #ffaa00
}

.colorGray {
    color: #999999
}

.zero-padding .mu-dialog-body {
    padding: 0 !important;
}

.flex1 {
    flex: 1;
}

.mb10{margin-bottom:10px;}