*{margin: 0;padding: 0;border: 0;list-style: none;text-decoration: none;color: inherit;font-weight: normal;font-family: "微软雅黑";box-sizing: border-box;font-style: normal;outline: none;}
body{width: 100%;height: 100vh;overflow-x: hidden;background: #f9f9f9;}
img{vertical-align: middle;max-width: 100%;}
p{margin: 0;}
a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;
}
/*头*/
.mui-bar-nav {background: linear-gradient(to right,#16c1d6,#1c82e0);}
.mui-bar-nav .mui-title{right: .3rem;left: .3rem;font-size: .36rem;color: #FFFFFF;}
.mui-bar-nav .mui-title i{position: absolute;right: 0;display: inline-block;width: .31rem;height: 100%;background: url(../images/icon-user-add.png) center center no-repeat;background-size: 100%;}
.mui-indexed-list-search{border-bottom: solid 1px #f9f9f9;background: #ffffff;padding: .05rem 0;}
.mui-indexed-list-search input{background: #ffffff;}
/*好友，群聊*/
.new-firend,.group,.liwu{display: flex;justify-content: space-between;align-items: center;padding: 0 .28rem;height: .85rem;background: #FFFFFF;}
.new-firend{border-bottom: solid 1px #f9f9f9;}
.new-firend i.badge{display: inline-block;width: .3rem;height: .3rem;background: #ff6c00;border-radius: 50%;font-size: .22rem;color: #FFFFFF;text-align: center;line-height: .3rem;margin-right: .25rem;}
.new-firend p,.group p,.liwu p{display: flex;align-items: center;}
.new-firend i.head,.group i.head,.liwu i.head{flex-shrink: 0;display: inline-block;width: .54rem;height: .54rem;margin-right: .18rem;}
.new-firend i.head{background: url(../images/icon-user-new.png) center center no-repeat;background-size: 100%;}
.group i.head{background: url(../images/icon-qun.png) center center no-repeat;background-size: 100%;}
.liwu i.head{background: url(../images/liwu.png) center center no-repeat;background-size: 100%;}
/*右侧字母导航*/
.mui-indexed-list-bar,.mui-indexed-list-bar.active{background: transparent;top: 1.9rem;}
.mui-indexed-list-bar a{color: #2f71aa;text-align: center;}
.mui-indexed-list-bar a.active{background: #1c83e0;color: #FFFFFF!important;border-radius: 50%;}
.mui-table-view-cell:after,.mui-table-view-divider:after{background-color: #f9f9f9;}
/*主体列表*/
.mui-content{background-color: transparent;}
.mui-indexed-list{border: none;}
.mui-indexed-list-empty-alert{font-size: .3rem;}
.mui-indexed-list-bar{display: flex;flex-direction: column;justify-content: space-between;align-items: center;padding-bottom: 2.5rem;}
.mui-indexed-list-bar a{display: block;width: .25rem!important;height: .25rem!important;line-height: .25rem!important;font-size: .25rem;}
.mui-indexed-list-bar a.active{background: #1c83e0;border-radius: 50%;}
.mui-indexed-list-inner{padding-bottom: 1rem;}
.mui-indexed-list-group{background: #f9f9f9;line-height: .35rem;padding: .06rem .3rem!important;font-size: .24rem;color: #333333;}
.mui-table-view:after{display: none;}
.mui-table-view:before,.mui-table-view-divider:before{background: transparent;height: 0;}
.mui-table-view-cell{display: flex;align-items: center;width: 100%;padding: .2rem .3rem;padding-right: 1.15rem!important;}
.mui-table-view-cell img{width: .8rem;height: .8rem;flex-shrink: 0;margin-right: .3rem;}
.mui-table-view-cell .desc{width: 100%;padding-right: 1.15rem;}
.mui-table-view-cell .name{font-size: .28rem;color: #333333;padding-bottom: .1rem;display: flex;position: relative;float: left;}
.mui-table-view-cell .phone{font-size: .26rem;color: #333333;padding-bottom: .1rem;display: flex;position: relative;float: left;}
.mui-table-view-cell .name.vip{font-size: .32rem;background-image:-webkit-linear-gradient(top,#ffa742,#ff3c26);-webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.mui-table-view-cell .name.vip i{position: absolute;right: -.36rem;top: 0.02rem;display: inline-block;width: .24rem;height: .21rem;background: url(../images/icon-vip.png) center center no-repeat;background-size: 100%;margin-left: .12rem;}
.mui-table-view-cell .remark{clear: both;width: 100%font-size: .22rem;color: #888888;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
/*底部导航*/
.mui-bar-tab{display: flex;justify-content: space-between;width: 100%;padding: .15rem .2rem;height: 1rem;background: #FFFFFF;box-shadow:0 -0.02rem .08rem rgba(0,0,0,.1)}
.mui-bar-tab .mui-tab-item{display: flex;flex-direction: column;width: 100%;}
.mui-bar-tab .mui-tab-item .mui-tab-label{font-size: .2rem;color: #555555;}
.mui-bar-tab .mui-tab-item.mui-active{color: transparent;}
.mui-bar-tab .mui-tab-item.mui-active .mui-tab-label{background-image:-webkit-linear-gradient(left,#16c1d6,#1c83e0);-webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.mui-bar-tab .mui-tab-item .icon{display: block;width: 100%;height: .4rem;margin: 0 auto;margin-bottom: .05rem;}
.mui-bar-tab .mui-tab-item .icon.icon-message{background: url(../images/nav-message.png) bottom center no-repeat;background-size: .38rem auto;}
.mui-bar-tab .mui-tab-item .icon.icon-book{background: url(../images/nav-book.png) bottom center no-repeat;background-size: .37rem auto;}
.mui-bar-tab .mui-tab-item .icon.icon-find{background: url(../images/nav-find.png) bottom center no-repeat;background-size: .37rem auto;}
.mui-bar-tab .mui-tab-item .icon.icon-my{background: url(../images/nav-my.png) bottom center no-repeat;background-size: .35rem auto;}
.mui-bar-tab .mui-tab-item.mui-active .icon.icon-message{background-image: url(../images/nav-message-active.png);}
.mui-bar-tab .mui-tab-item.mui-active .icon.icon-book{background-image: url(../images/nav-book-active.png);}
.mui-bar-tab .mui-tab-item.mui-active .icon.icon-find{background-image: url(../images/nav-find-active.png);}
.mui-bar-tab .mui-tab-item.mui-active .icon.icon-my{background-image: url(../images/nav-my-active.png);}