@charset 'utf-8';
.gray-bg{
	background: #f7f7f7;
}
.mui-bar-nav.mui-bar .mui-action-back{
	color: #fff
}
.mui-bar .mui-title{
	color: #fff
}
.record-search{
	width: 100%;
    padding: 15px;
    overflow: hidden;
    background: #fff;
}
.search-block{
	float: left;
	width: 80%;
	position: relative;
}
.search-block input{
	height: 30px;
	width: 100%;
	padding: 0 30px 0 10px!important;
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 0;
	border-radius: 6px;
	background: #eeeeee;
	border: none;
	color: #333333;
}
.record-search .mui-icon-search{
	position: absolute;
	right: 4px;
	top: 7px;
	color: #9f9f9f;
	font-size: 18px;
}
.rer-more{
	height: 30px;
    padding: 0 15px;
    line-height: 30px;
    font-size: 14px;
    background: url(../img/record-dir.png) no-repeat center right;
    background-size: auto 5px;
    float: left;
    width: 20%;
    text-align: right;
}
.rer-up{
 	background: url(../img/record-dir-up.png) no-repeat center right;
    background-size: auto 5px;
}
span.mui-ellipsis{
	display: inline-block;
	padding-left: 25px;
	background: url(../img/record-user.png) no-repeat center left; 
	background-size: 20px auto;
	font-size: 17px;
	color: #333333
}
span.mui-h5{
	display: inline-block;
	padding-left: 20px;
	/*background: url(../img/record-time.png) no-repeat center left; */
	background-size: 15px auto;
}
.rer-date,.rer-phone{
	font-size: 15px;
	color: #666666;
}
.mui-col-xs-8,.mui-col-xs-9 {
    display: inline-block;
}
.rer-tit{
	border-bottom: 1px solid #e7e7e7;
	height: 30px;
	line-height: 30px;
}
.rer-tit .mui-col-xs-4{
    display: inline-block;
    float: right;
}
.rer-second>div{
	height: 25px;
	line-height: 25px;
}
.rer-second{
	padding: 10px 0;
	border-bottom: 1px solid #e7e7e7;
}
.mui-table-view-cell p{
	font-size: 14px;
	color: #999999;
	padding-top: 10px;
}
.mui-table-view li{
	border-bottom: 10px solid #f7f7f7;
}
.mui-table-view-cell:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 15px;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
     background-color: #f7f7f7; 
}
.mui-table-view:before {
    position: absolute;
    right: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #e7e7e7;
    top: -1px;
}
.rer-org1{
	color: #ff8e13;
}
.rer-org2{
	color: #5CFF4A;
}
.rer-org3{
	color: #21E1FF;
}
.rer-org4{
	color: #BDBDBD;
}

.rer-org{
	color: #ff8e13;
}
.rer-red{
	color: #f1403b;
}
.rer-blue{
	color: #3786fc;
}
.rer-green{
	color: #5ac921;
}
.more-contain{
	float: left;
	line-height: 30px;
	font-size: 14px;
	color: #999999;
	width: 100%;
	display: none;
	position: absolute;
	    background-color: #fff;
	    top: 60px;
	    z-index: 10;
	    border-bottom: 1px solid #e7e7e7;
	box-sizing:border-box;
	padding-left:10px;
}
.btn{
	padding: 0;
	border: none;
	display: inline-block;
	line-height: 30px;
	height: 30px;
	margin: 0 10px;
}
.more-left{
	float: left;
}
.more-right{
	float: left;
	height: 30px;
	line-height: 30px;
}
.rer-span{
	margin-left: 10px
}
.bd_btn{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.bd_btn a{
    width:30px;
    height:30px;
    background-color: red;
    background: url(../img/bd_btn.png) no-repeat center center;
    background-size: 80% auto;
}