@charset "utf-8";
.mui-bar-nav~.mui-content{padding-top: 50px}
.mui-table-view-cell:after{left: 0px}
.screenBox .mui-scroll .mui-content-padded{padding: 10px 5px}
.RZicon i{ border-radius:2px; border: 1px #fb544e solid; line-height: normal; padding: 2px;color: #fb544e; font-size: 12px; min-width: 16px; text-align: center; margin-right: 10px; font-style: normal}
.RZicon i.pt{ color:#999; border-color:#999}
.line-t-b-1{border-top: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0}
.b-t-10{border-top: 10px solid #f6f6f6}
.b-b-10{border-bottom: 10px solid #f6f6f6}
.topNoLogin {position: relative; overflow: hidden; padding: 11px 15px;margin: 5px 0 0;background: #fff;color: #888}
.topNoLogin .iconfont {font-size: 18px;margin-right: 8px;color: #fb544e}
.topNoLogin a {color: #fb544e;margin: 0 5px}

/*表单控制*/
.priceInput {margin-top: 10px;font-size: 14px}
.priceInput span,.iwantBox span {color: #fa804c;font-size: 16px;margin-right: 5px}
.priceInput .mui-input-row,.iwantBox .mui-input-row {height: auto}
.priceInput .mui-input-row label{padding-left: 25px}
.priceInput .mui-input-row label>span{margin-left: -10px}
.priceInput .mui-input-row label~input {font-size: 14px;color: #333;padding-right: 35px}
.priceInput .mui-input-row label~textarea {font-size: 14px;color: #999}
.priceInput .mui-input-row.getVerifi .mui-btn-primary {	width: 25%;text-align: center;margin: 5px 15px 0 0;font-size: 12px;line-height: 1.5;padding: 5px 10px 4px;border: 1px solid #ff893b;   background-color: #ff893b}
.priceInput .getVerifi .mui-btn:disabled,.priceInput .getVerifi button:disabled {opacity: 1;border: 1px solid #bcbcbc; background-color: #bcbcbc}
.priceInput .mui-input-row.getVerifi label~input {width: 35%;text-align: left;padding-right: 15px}
.priceInput.mui-input-group .mui-input-row:after{left: 0px}

/*排序筛选*/
.searchTab {margin: 0px; padding: 0px; display: table; border-bottom:1px #f0f0f0 solid}
.searchTab li{list-style: none;display: table-cell; width: 1%; text-align: left; font-size: 15px; line-height: 45px; padding-left:.8rem}
.searchTab li:last-child{ padding-right:.8rem; text-align:right}
.searchTab li a:after, .searchTab li a.active:after {background: url(../images/sprites.png) no-repeat;background-size: 140px 140px}
.searchTab .sales a:after,.searchTab .price a:after,.searchTab .screen a:after{content: ""; display: inline-block; width: 10px; height: 12px; background-position: 0px 0px; margin-left: 4px;vertical-align: -1px}
.searchTab li.active a {color: #fb544e}
.searchTab .active a.arrow-up:after{background-position: 0px -14px}
.searchTab .active a.arrow-down:after{background-position: 0px -28px}
.searchTab .screen a:after{width: 16px; height: 16px;background-position: -13px -30px; vertical-align: -3px}
.qqwxIcon{ position:relative; top:-2px}
.mui-bar-nav{ box-shadow:0 -1px 0 #f1f1f1 inset!important}

/*产品列表*/
.mui-content-padded{ background:#f3f3f3; padding:2%; margin:0}
.backgroundWhite{ background:#fff}
.proList ul{margin: 0px;padding: 0px; overflow:hidden; zoom:1}
.proList li{list-style: none;padding-bottom: 7px; margin-bottom: 7px; width:49%; float:left; background:#fff}
.proList li:nth-child(2n){ float:right}
.proList li:last-child{border-bottom: 0px}
.proList li a { display:block}
.proList li a .proImg { position: relative; width: 100%; padding-top:100%; background-position:center; background-repeat:no-repeat; background-size:cover,30px; overflow: hidden; text-align: center}
.proList li a .proInfo{ padding:0 8px}
.proList li a .proInfo p{margin-bottom: 0px}
.proList li a .proInfo {position: relative; width:100%; padding-top: 5px}
.proList li a .proInfo .proName {color: #232326;font-size: 13px; font-family:microsoft yahei; line-height: 18px; height:36px; overflow: hidden; text-overflow: ellipsis;  word-break: break-word; margin-bottom: 2px}
.proList li a .proInfo .proName em {color: #e02445; font-style: normal}
.proList li a .proInfo .comyName{color: #888;font-size: 12px;overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; display: box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  word-break: break-word; margin-bottom: 5px}
.proList li a .proInfo .RZicon{margin-bottom: 15px}
.proList li a .proInfo .price{font-size: 16px; color: #fb544e}
/*产品详情页*/
.productShowPage .proInfo h1{ font-size: 16px; margin: 10px auto;overflow: hidden;  white-space: nowrap; text-overflow: ellipsis}
.productShowPage .proInfo p {font-size: 16px}
.productShowPage .proInfo p .mui-pull-left{color: #fb544e}
.productShowPage .proInfo p .mui-pull-right{color: #888}
.productShowPage .proInfo p .mui-pull-right i{margin-right: 10px; font-size: 20px; vertical-align: middle}
.productShowPage .proInfo .m-r{margin-right: 40px}
.productShowPage .proInfo h3 {font-size: 18px; margin: 10px auto; line-height: 28px;/*overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;*/ }
.productShowPage .proInfo h1 {font-size: 17px; margin: 10px auto; line-height: 28px;/*overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;*/ white-space:normal}
.productShowPage .comyInfo {position: relative; padding: 10px; display:none}
.productShowPage .comyInfo .mui-icon-arrowright{position: absolute; right: 0px; color: #000; font-size: 32px; top: 45px}
.productShowPage .comyInfo h3 { font-size: 16px; margin: 10px auto;overflow: hidden;  white-space: nowrap; text-overflow: ellipsis}
.productShowPage .comyInfo .location-person span{margin-right: 20px}
.productShowPage .comyInfo .location-person i{margin-right: 5px}
.productShowPage .comyInfo .btnOper { margin-top: 10px; margin-bottom: 10px}
.productShowPage .comyInfo .btnOper a{width: 48%; color: #888; font-size: 16px}
.productShowPage .comyInfo .btnOper a i{ margin-right: 5px; font-size: 18px; color: #fb544e}
.boxInfo h3{font-size: 16px; margin: 0px; line-height:45px; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; position: relative; border-bottom: #F0F0F0 solid 1px; padding-left: 25px}
.boxInfo h3:before{content: ""; position: absolute; left: 0px;top: 14px;bottom: 14px; width: 4px; background: #fb544e; margin-left: 10px; border-radius: 4px}
.boxInfo h3>a{ position: absolute; right: 10px; font-size: 14px; font-weight: normal; color: #888}
.boxInfo .productIntr{padding: 2% 5.5%; font-size: 14px; line-height: 26px; word-break:break-all; color:#666}
.boxInfo .productIntr *{ color:#444}
.boxInfo .productIntr img,.boxInfo .productIntr video{max-width: 100%; height:auto!important}
.boxInfo .productIntr.moreHidden{display: -webkit-box;-webkit-box-orient: vertical;/*-webkit-line-clamp: 4;*/ max-height:550px; overflow: hidden}
.boxInfo .moreClick{display: block; text-align: center; font-size: 14px; padding: 10px; color: #000}
.boxInfo .moreClick i{ margin-left: 5px; font-size: 16px}
.proList2{margin: 0px; padding: 10px}
.proList2 li{float: left; width: 32.33%; overflow: hidden; margin-right:1.5%; position: relative; padding-bottom:2%}
.proList2 li:nth-child(3n){ margin-right:0}
.proList2 li p.imgSty{width: 100%; padding-bottom:100%; background-color:#f8f8f8; background-position:center; background-repeat:no-repeat; background-size:cover,30px; overflow: hidden;border: 1px #f0f0f0 solid}
.proList2 li img{width: 100%;height: 100%}
.proList2 li p:nth-child(3){color: #fb544e; font-size: 16px}
.proList2 li p:nth-child(2){overflow:hidden; font-size:13px; height:36px; line-height:18px; text-align:left; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2}
.proList3 a{display: inline-block; margin: 5px; padding: 5px 10px;background: #f0f0f0;border-radius:20px; font-size: 14px}

.proList2 li:first-child{ width:100%}
.proList2 li:first-child p.imgSty{ padding-bottom:50%}

.proList2 li:nth-last-child(3){ width: 32.33%}
.proList2 li:nth-last-child(3) p.imgSty{ padding-bottom:100%}

.proList2 li:nth-last-child(3),.proList2 li:nth-last-child(3) + li,.proList2 li:nth-last-child(3) + li + li{ width:32.33%; margin-right:1.5%}
.proList2 li:nth-last-child(3) p.imgSty,.proList2 li:nth-last-child(3) + li p.imgSty,.proList2 li:nth-last-child(3) + li + li p.imgSty{ padding-bottom:100%}
.proList2 li:nth-last-child(3) + li + li{ margin-right:0}

.proList2 li:nth-last-child(2),.proList2 li:nth-last-child(2) + li{ width:49%; margin-right:2%}
.proList2 li:nth-last-child(2) p.imgSty,.proList2 li:nth-last-child(2) + li p.imgSty{ padding-bottom:60%}
.proList2 li:nth-last-child(2) + li{ margin-right:0}

.proList2 li:nth-last-child(4),.proList2 li:nth-last-child(4) + li,.proList2 li:nth-last-child(4) + li + li,.proList2 li:nth-last-child(4) + li + li + li{ width:49%; margin-right:2%}
.proList2 li:nth-last-child(4) p.imgSty,.proList2 li:nth-last-child(4) + li p.imgSty,.proList2 li:nth-last-child(4) + li + li p.imgSty,.proList2 li:nth-last-child(4) + li + li + li p.imgSty{ padding-bottom:60%}
.proList2 li:nth-last-child(4) + li,.proList2 li:nth-last-child(4) + li + li + li{ margin-right:0}

/*筛选*/
/*.screenBox{height: 100%; position: relative; z-index: 10000!important;visibility: visible}*/
.screenBox{position: absolute; z-index: 1; top: 0; bottom: 0;  box-sizing: content-box;  width:260px; min-height: 100%; background: #fff; right: 0px; overflow: hidden}
.screenBox{/*-webkit-transform: translate3d(100%,0,0); */display: none}
.screenBox.active{z-index: 1; display: block}
.screenBox.mui-transitioning {-webkit-transition: -webkit-transform 350ms ;transition: transform 350ms}
.mui-off-canvas-wrap.mask-active .maskShow { position: absolute; z-index: 998; top: 0; right: 0; bottom: 0; left: 0; display: block; transition: background 350ms cubic-bezier(.165,.84,.44,1); background: rgba(0,0,0,.4);  box-shadow: -4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);  -webkit-tap-highlight-color: transparent}
.screenBox .footerBtn{position:absolute; z-index: 1; background: #fff; height: 45px; bottom: 0px;display: table; border-top: 1px solid #F0F0F0}
.screenBox .footerBtn a{display: table-cell;width: 1%; text-align: center; line-height: 45px; font-size: 16px}
.screenBox .footerBtn .screenOk{color: #fff; background: #fb544e}
.mui-table-view-cell span{position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%)}
.mui-table-view-cell span{ padding-right: 18px; font-size: 14px; color: #fb544e; text-overflow: ellipsis;white-space: nowrap; max-width: 150px; text-align: right; overflow: hidden}
.itemSelect li.mui-table-view-cell div{font-size: 17px}
.itemSelect .mui-table-view-cell>div:not(.mui-btn){ position: relative; display: block; overflow: hidden; margin: -11px -15px; padding: inherit; white-space: nowrap; text-overflow: ellipsis; color: inherit}
.itemSelect .mui-table-view-radio .mui-table-view-cell>div:not(.mui-btn) {margin-right: -65px}
.screenItem{position: relative;-webkit-box-orient: vertical;-webkit-flex-flow: column;flex-flow: column;/*display: -webkit-box;display: -webkit-flex;display: flex;*/}
/*.screenItem .mui-table-view{-webkit-box-flex: 1;  -webkit-flex: 1; flex: 1}*/
/*.screenBox .mui-scroll{height: 100%}*/
.mui-scroll {z-index: 2}
.mui-table-view{height: 100%}
.screenItem .footerBtn{position: absolute; bottom: 0px}
/*重定义单选框*/
.radioSty .mui-table-view:before{background:none}
.radioSty .mui-table-view-cell{width: 80%; margin:10px auto; background: #f5f5f5}
.radioSty .mui-table-view-cell:after{background:none}
.radioSty .mui-table-view-cell.mui-selected{color: #fb544e}
.radioSty .mui-navigate-right:after, .mui-push-left:after, .mui-push-right:after{
	font-family:"iconfont" !important;
    font-size: inherit;
    line-height: 1;
    position: absolute;
    top: 50%;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-decoration: none;
    color: #bbb;
    -webkit-font-smoothing: antialiased}
.radioSty .mui-table-view-radio .mui-table-view-cell.mui-selected .mui-navigate-right:after{content: '\e659';font-size: 20px}
.radioSty .mui-table-view-radio .mui-table-view-cell .mui-navigate-right:after{color: #fb544e}
.emptyBox{padding: 30px}
.emptyBox img{width: 80%}
.emptyBox p{font-size: 18px; margin-top: 20px}


.priceInput .checkboxSty{float: right; width: 65%}
.priceInput .checkboxSty  p{ display: inline-block; padding: 0px; margin: 0px}
.priceInput .checkboxSty  p input{display: none}
.priceInput .checkboxSty  p label{display:block;width: auto;text-align:center;padding: 5px 10px; font-size: 14px; line-height: 15px; margin-top: 5px; vertical-align: middle; background:#f6f6f6; border: solid 1px #f6f6f6; border-radius: 15px; color:#a1a1a1; cursor: pointer;position: relative}
.priceInput .checkboxSty  p input[type='checkbox']:checked+ label{background: #fe8b3a; color: #fff}
.mui-input-row .proName{line-height: 37px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap}


.productLibBox{padding-top: 44px;border-top: 1px solid #f6f6f6}
.productLibBox .mui-col-xs-7{background: #fff}
.mui-row.mui-fullscreen>[class*="mui-col-"] {height: 100%}
.mui-col-xs-5,.mui-control-content {overflow-y: auto;height: 100%}
.mui-segmented-control .mui-control-item {line-height: 50px;width: 100%}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {background-color: #fff}
.productLibBox .mui-col-xs-5 .mui-segmented-control .mui-control-item, .productLibBox .mui-col-xs-5 .mui-segmented-control .mui-control-item.mui-active{border-bottom: 0px solid #fff}
.productLibBox .mui-col-xs-5 .mui-segmented-control .mui-control-item.mui-active{color: #fb544e}
.productLibBox .mui-col-xs-7 ul li{font-size: 16px}
.classify .mui-table-view-cell.mui-active>a{background: #fff; color: #fb544e}
.classify .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell{padding-left: 25px}
.classify .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell a{background: #f5f5f5; margin-bottom: 5px; line-height: 15px; margin-right: -55px; border-radius:5px}
.classify .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell a .mui-active{margin-right: -55px}
.classify .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:after{background-color:#fff; height: 0px}
.classify .mui-table-view-cell.mui-collapse.mui-active .mui-table-view-cell>a:not(.mui-btn).mui-active {margin-left:-15px;  padding-left: 25px}
.classify .mui-table-view-cell.mui-collapse .mui-table-view li.mui-selected{color: #fb544e}
.classify .mui-table-view-cell.mui-collapse .mui-table-view li .mui-navigate-right:after, .classify .mui-table-view-cell.mui-collapse .mui-table-view li .mui-push-left:after, .classify .mui-table-view-cell.mui-collapse .mui-table-view li .mui-push-right:after{
	font-family:"iconfont" !important;
    font-size: inherit;
    line-height: 1;
    position: absolute;
    top: 50%;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-decoration: none;
    color: #bbb;
    -webkit-font-smoothing: antialiased}
.classify .mui-table-view-cell.mui-collapse .mui-table-view li.mui-selected .mui-navigate-right:after{content: '\e659';font-size: 20px; color: #fb544e}

.sliders{ position:relative; left:0; top:0; width:100%; overflow:hidden}
.sliders .swiper-pagination-bullet{ width:8px; height:8px; overflow:hidden; border-radius:3px; margin:0 10px; background:#fff; opacity:1}
.sliders .swiper-pagination-bullet-active{ background:#db2526}
.sliders .swiper-slide{ position:relative; left:0; top:0; width:100%}
.sliders a{ display:block; width:100%; overflow:hidden; padding-bottom:70%; background-position:center; background-repeat:no-repeat; background-size:cover}
.sliders a img{ display:block; width:100%; margin:0 auto}
.sliders .swiper-pagination{ bottom:8px}

/*产品资讯分类*/
.newsClassList{padding: 0px; margin: 0px; display: flex;flex-direction: row;flex-wrap: wrap; padding: 5px}
.newsClassList li{ list-style: none;  width: 25%}
.newsClassList li a{line-height: 25px; text-align: center; background: #f6f6f6; border-radius: 5px; font-size: 14px; margin: 5px; display:block;padding: 5px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.newsClassList li a:active{background: #eaeaea;color: #0f0f0f}
.mui-table-view .mui-media-object{line-height: 20px; max-width: 20px; height: 20px}

.yzInfo{width:100%;height:auto;overflow:hidden;background-color:#fff}
.yzInfo h2{padding-left:0.275rem;font:0.7rem/1.5rem "\5FAE\8F6F\96C5\9ED1";color:#333}
.yzInfo h2 i{width:0.15rem;height:0.74rem;display:inline-block;float:left;background-color:#db2242;margin:0.42rem 0.4rem 0rem 0rem}
.yzInfo ul{height:auto;overflow:hidden;position:relative;margin:0rem auto;padding:0rem 0.3rem;box-sizing:border-box}
.yzInfo ul li{height:42px;border-bottom:#eee solid 1px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.yzInfo ul li:last-child{ border-bottom:0}
.yzInfo ul li a{font:14px/42px "\5FAE\8F6F\96C5\9ED1";display:block;overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.yzInfo ul li i{float:left}
.yzInfo ul li i.right{float:right;font:14px/42px "\5FAE\8F6F\96C5\9ED1";color:#626262}

.goodsDetails .mui-content-padded{ background:#fff}
.goodsDetails .proInfo{ padding-left:10px; padding-right:10px; padding-bottom:2%!important}
.goodsDetails .clearPdLR{ padding:0}
.goodsDetails .yzFooter{ margin:0; padding:0}


.daojishi { background:#fff; margin-top: 10px; padding:5px 10px; overflow:hidden; zoom: 1; background:url(../images/xszk.png) no-repeat 0 center; background-size:auto 70%}
.daojishi .djs { display:block; float:right; line-height:40px; font-size:14px; color:rgba(0,0,0, .7); white-space:nowrap; padding-right:10px}
.daojishi .djbh { display:block; float:right; border-radius:4px; height:30px; line-height:30px; padding:0 10px; font-size:14px; color:white; background:#db2526; margin:5px 0 0 0; cursor:pointer}
.daojishi .djs .djsEl { font-style:normal}

.mokuais { overflow:hidden; margin:10px 0 0 0; background:white; padding:5px 10px}
.mokuais .tpCs { overflow:hidden; zoom: 1}
.mokuais .tpCs span { display:block}

.mokuais .rs{ border-bottom:1px solid #f1f1f1; overflow:hidden; min-height:42px; position:relative; padding-left:90px}
.mokuais .rs .lt{ display:block; font-size:14px; color:#999; text-align:right; height:42px; line-height:42px; width:85px; padding:0 5px 0 0; position:absolute; left:0; top:0}
/*.mokuais .rs .levels{ height:30px; margin:6px 0 0 0; background:url(../images/memberLevel.png) no-repeat 0 0}*/
.mokuais .rs .pt{ background-position:0 -31px}
.mokuais .rs .rtx{ font-size:14px; line-height:22px; word-break:break-all; padding:10px 10px 10px 0}
.mokuais .rs .rtx .zts{ line-height:22px; font-size:14px; color:#999}
.mokuais .rs .rtx .ytj{ line-height:22px; font-size:14px; color:#f30}
.mokuais .rs .rtx a{ line-height:22px; font-size:14px; color:#db2526}
.mokuais .rs .rbx{ overflow:hidden; zoom:1}
.mpCons { margin:10px 0 0 0; overflow:hidden; position:relative}