@charset "utf-8";
/* CSS Document */

body,html{background: #fafafa;}
.listBox{width:100%; height: 100%; min-width: 320px; max-width: 750px; margin: 0 auto; background:#ffffff;}
.list-title-box{position: fixed; top: 0; left: 0; width:100%; z-index: 99;}
.listTit{height: .88rem; line-height: .88rem;width:100%; padding: 0 .2rem; text-align: center;
	background: #ffffff; color: #333333; font-size: .36rem; position: relative;
	border-bottom: 1px solid #f5f6f9;
}
.listTit .go-back{width: .24rem; height: .42rem; overflow: hidden; background-position:0 ; background-size:0.24rem 0.42rem;  display: inline-block;}
.listTit.mui-flex .cell.go-back{width: .24rem;}
.list-left{height: 100%; width:1.64rem; background: #f5f6f9; float: left; position: fixed; top: .88rem;  bottom: 1rem;  left: 0; right: 0;height: 100%;}
.list-bodyWi{width:100%;min-width: 320px; max-width: 750px; margin: 0 auto;}
.list-left .list-item li a{ display:inline-block; width:100%; height:.28rem; line-height:.28rem; text-align: center;
	color:#2a2e3d;
}
.list-left .list-item li{height: 1rem; line-height: 1rem; font-size: .26rem; color: #333333;}
.list-left .list-item li.selected{background: #ffffff;}
.list-left .list-item li.selected a{color: #f4600f; }
.list-right{width:calc(100% - 1.64rem); float: left; overflow-y:auto; height: 100%; padding-left: 1.64rem; padding-top: .88rem;}
.list-right .list-title{font-size: 0.24rem;color:#2a2e3d;padding:0.36rem 0 0 0.4rem;}
.list-right  .special-title{}
.list-right .bq-list-title{width:3.5rem; background: url(../img/productnew/list-border2.png) center no-repeat; background-size: cover;}
.list-right .bq1-list-title{width:3.3rem; background: url(../img/productnew/list-border4.png) center no-repeat; background-size: cover;}
.list-right .zl-list-title{width:3.2rem; background-size: cover;}
.list-product-item{padding-left:0.26rem;margin-bottom: 0.35rem;margin-top:-0.2rem;}
.list-product-item li{width:1.78rem; min-height: 1.78rem; background: #FFFFFF; float: left;}
.list-product-item li a{display: block; width:1.78rem; min-height: 1.78rem; text-align: center; position: relative;}
.list-product-item li a .tm-upgrade{
    width: .28rem;
    height: .36rem;
    display: inline-block;
    background: url(../img/indexPage/tm-upgrade-bg.png) no-repeat;
    position: absolute;
    background-size: contain;
    right: 0rem;
    top: .34rem;
}
.list-product-item li .product-icon{margin: 0.5rem 0 0.1rem 0; display: inline-block; height: 0.6rem; width:0.6rem; background: url(../img/goods/icon/product-icon.png) no-repeat; text-align: center; background-size:6rem 6rem;}
.list-product-item li .product-icon img{width:0.53rem; height:0.57rem;}
.list-product-item li .comm{font-size: .2rem; color: #505565; line-height: .26rem;}
.list-detail{padding-bottom: 7.4rem;}



.mui-flex{box-sizing: border-box;}
.mui-flex{display: -webkit-box!important; display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.mui-flex>.cell{-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 0; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; display: block; padding: 0!important;position: relative}
.mui-flex.align-center{-webkit-box-align:center ; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.mui-flex>.cell.fixed{-webkit-box-flex:0!important; -webkit-flex:none!important; -ms-flex:none!important; flex: none!important; width: auto;}