@charset "utf-8";

ul,li{font-style: normal;list-style: none;}
.mui-plus header.mui-bar{
	display: none;
}
.mui-plus .mui-bar-nav~.mui-content{
	padding: 0;
}
.mui-table-view-icon .mui-table-view-cell:after {
    left: 5px;
}

/*hm开头的表示仅为 Hello MUI示例定义*/
.hm-description{
	margin: .5em 0;
}

.hm-description>li {
	font-size: 14px;
	color: #8f8f94;
}


/*---------self: 2022---------*/
.qx-bar {
    position: fixed;
    z-index: 10;
    right: 0;
    left: 0;
    height: 32px;
    padding-right: 10px;
    padding-left: 5px;
    border-bottom: 0;
    background-color: #ffff;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85);
            box-shadow: 0 0 1px rgba(0, 0, 0, .85);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

/*修改mui的默认样式*/
.mui-content>.mui-table-view:first-child{margin: 0;}
.mui-card-footer, .mui-card-header{padding: 0;}

/*字体颜色*/
.font-color-pink{color:#4cd964;}
.font-color-gray{color:#999;}

/*margin距离*/
.mt-2{margin-top: 2%;}
.mr-4{margin-right: 4%;}
.mr-6{margin-right: 6%;}

/*flex布局*/
.disflex-between{display:flex;justify-content:space-between;}
.nomrAd{height:2px;clear:both;font:0px Arial; background-color:#efeff4}
.nomrBd{clear:both;background-color:#efeff4; text-align:center;}
.nomrBw{line-height:22px;color:#999999; font-size:14px;}
.mui-col-xs-20 {width: 20%;}

/*底部导航*/
.nav-bottom{padding-bottom:10px;padding-top:30px;}

/*公共导航部分*/
.nav-footer{width: 100%;position: fixed;bottom: 0;left: 0;display: flex;align-items: center;justify-content: space-around;background: #fff;border-top: solid 1px #e6e6e6;padding: 1%;height: 50px;}
.nav-footer a{display: flex;flex-direction: column;align-content: center;align-items: center;font-size: 11px;color: #929292;}
.nav-footer a span.mui-icon{height: 25px;overflow: hidden;font-size: 23px;padding-top: 2px;}
.nav-footer .icon-active{color: #007aff;}


/*--qxDefault*/
.btn-dft{color:#fff;border:1px solid #496edc;background-color:#496edc}
a.telno:link {color:#0066ff;font-size:18px;text-decoration:none;}
a.telno:visited {color:#0066ff;font-size:18px;text-decoration:none;}
a.telno:hover {color:#ff6600;font-size:18px;text-decoration:none;}
a.telno:active {color:#0066ff;font-size:18px;text-decoration:none;}

.flex {display: flex;}
.center { flex: 1;}

.mx-5 {margin: 5px;}
.mr-5 {margin-right: 5px;}
.mr-10 {margin-right: 10px;}

.c-empty {background:#ff7979;}
.c-warring {background: #feffbe;}

.wd-fB { font-weight:bold;}
.wd-f12 {font-size:12px;}
.wd-f14 {font-size:14px;}
.wd-f16 {font-size:16px;}
.wd-f18 {font-size:18px;}
.wd-clGray {color:#cccccc;}
.wd-clDGray {color:#666666;}
.wd-clLDark {color:#454545;}
.wd-clOrange {color:#ff6600;}
.wd-clRed {color:#ff0000;}
.wd-clLRed {color:#ff2200;}
.wd-clBlue {color:#0033FF;}
.wd-clLBlue {COLOR: #0066ff;}
.wd-clGrnA {color:#3fa524;}
.wd-clGrnB {COLOR: #43c81f;}

.ttlL{font-size:large;line-height:28px;}
.clwLm{padding:2px; font-size:16px}
.clwLl{padding:4px; font-size:18px; line-height:24px;}

.seach-header, .search-header{    
	background: #5478e0;
	display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .36rem;}
.seach-header  .btn{color: #fff;margin: 0 1%;}
.seach-header .centerflex{display: flex;justify-content: space-around;align-items: center;margin-top:-5%;}
.tpBck{font-size:small; text-align:right; color:#FFFFFF;}
.tpCrt{font-size:small; text-align:right; color:#FFFFFF;}




/*new-mine*/
.new-mine{background: #fff;}
.mine-photo{
	width: 100%;
	background-image: url(../images/muwu.jpg);
	height: 18rem;
	background-repeat: no-repeat; 
   text-align: center;
   position: relative;
   color: #fff;
    }
.mine-photo img{width: 5rem;height: 5rem;border-radius: 50%;border: solid 1px #fff;margin-top: 12%;}
.new-mine-title{width: 100%; padding: 2%; background-color: #fff;border-bottom: solid 1px #efefef;font-weight: bold; text-align:center;}
.new-mine-title span{font-size: 17px;margin-right: 3%;}
.new-min-title-list{display: flex;align-items: center;justify-content: space-around;padding: 0;}
.new-min-title-list li a{display: flex;flex-direction: column;align-items: center;}
.new-min-title-list li a{color: #000;}

/*new-personal-details*/
.new-personal-details{padding-bottom: 45px;}
.deails-con{width: 100%;padding: 3%;margin-top:5px;}
.deails-con .deails-con-title{font-size: 17px;}
.deails-con-price{display: flex;justify-content: space-between;margin-top:3%;}
.deails-con-price span:nth-child(1){font-size: 18px;font-weight: bold;color: #ff395c;}
.deails-con-price span:nth-child(2){color: #b7b7b7;}
.deails-con-text{background: #fff;padding: .2rem; padding: .9rem 0;font-weight: bold;}
.deails-con-text__li{font-size: 14px;}

/*new-mine-grade*/
.new-mine-grade{padding-bottom: 50px;}
/*.mine-grade-list li .mui-badge-danger, .mui-badge-red, .mui-badge-purple, .mui-badge-royal, .mui-badge-warning, .mui-badge-yellow{background: none;color: #F15353;}*/
.mine-grade-list li span{font-size: 16px;}
.mine-grade-list li:nth-child(1) .block{background-color: #F15353;color: #fff;border-radius: 3px;padding:1% 3%;}
.mine-grade-list li:last-child{border-top: solid 5px #dadadd;}

/*new-min-grade-record*/
.grade-record-zmoney{width: 96%;display: block;box-shadow: 0 3px 12px #ccc;background: #fff;margin: 3% auto;font-size: 18px;text-align: center;padding:5% 0;color: #F15353;}
.grade-record-list li.mui-table-view-cell{display: flex;justify-content: space-between;align-items: center;}
.grade-record-list li.mui-table-view-cell span{color: #F15353;font-weight: bold;}