body { background:#fff;}
.product-search{margin:0.6rem 0.8rem;display: flex; justify-content: space-between;}
.product-search .mui-search{width:100%;}
.mui-search .mui-placeholder{font-size: 1rem;}
.product-search .list{width:5%; text-align: center;vertical-align: middle;}
.product-search .list span{font-size: 1.6rem;margin: 0.5rem 0 0 0.2rem; display: inline-block;}
.mui-search input[type=search]{margin-bottom: 0;}
.product-search .mui-search:before{top:70%;}
.mui-control-content { position:static;}
.mui-scroll-wrapper { top:6.5rem; padding-bottom:3.5rem;}
.mui-segmented-control { /* position:fixed; */ top:0; left:0; overflow:visible; height:3rem;}
.nav-tab { background:#fff; padding-top:.5rem; z-index:9;}
.mui-table-view-cell:after { left:0;}
.mui-table-view-cell{touch-action: none;}
.nav-tab .mui-control-item.mui-active { border-bottom:none;}
.nav-tab .mui-control-item.mui-active { 
	border:1px solid #CD0F23;
	background-color: #CD0F23;
	color: #fff;}
/* .mui-table-view-cell { padding:0 .8rem;} */
.mui-table-view-cell>a:not(.mui-btn) { position:static; display:inline;}
.mui-table-view-cell>a:not(.mui-btn).mui-active { background:none;}
.mui-table-view:before,.mui-table-view:after { content:none;}
.nav-tab { display:flex;}
.nav-tab .mui-control-item {
	flex:1; 
	overflow:visible; 
	white-space:nowrap; 
	font-size:.9rem; 
	vertical-align:middle; 
	text-align:center;
	border: 1px solid #DDDDDD;
	background: #f7f7f7;
	color: #666;
	font-size: .8rem;
	border-radius:0.5rem;
	margin-right: 0.27rem;
	padding: 0.01rem 0.2rem;
}

/*product*/
/* .product-wrap .mui-table-view-cell { height:9.5rem;} */
.mui-table-view-cell:after,.mui-table-view-cell:before{display: none !important;}
/********产品配置选择********/
/* .product-wrap{height:100%;overflow: hidden;} */

.tab-list {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding:0.5rem 0.8rem;
	touch-action: none;
}
.list-item{display: flex; justify-content: space-between;}
/* .list-item a{display: block;} */
.product-img { width:30%; min-height: 30%; float: left; margin-right: 3%;border-radius: 0.48rem;}
.product-img img{width:100%;border-radius: 0.48rem;vertical-align:middle;}
.product-main {
	width:66%; float: left; 
   display: flexbox;
   overflow: hidden;text-overflow: ellipsis;
   display: -webkit-box;
	   /* word-break: break-all; */
	   white-space:normal;
	   /* word-break: break-word; */
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
	}
.product-main h2 { margin-bottom:.5rem; color: #333333;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical}
.product-main p {     color: #666666;
    font-size: 0.9rem;
    margin-top: 0.5rem;
    line-height: 1.5rem;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.product-price { margin-top:.5rem; font-size:1.2rem; color:#fb4a36;}
.product-price span { font-size:.85rem; color:#8f8f94;}
/*.product-wrap:after { content:none;}*/

.product-main .info-bottom {
   /* width: 66%;
    position: absolute;
    bottom: 0;
    left: 0; */
	margin-top:0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.info-bottom .price {
    font-size: 0.8rem;
    color: #666666;
}
.info-bottom .price .number {
    color: #FF7B83;
    font-size: 1rem;
    /*font-weight: bold;*/
}
 .product-main .info-bottom .button {
    width: 5.5rem;
    text-align: center;
    color: #fff;
    font-size: 0.8rem;
    border-radius: 20px;
    padding: 0.08rem 0;
	background-color: #CD0F23;
}
#more { display:table-cell;}
.nav-more { position:absolute; left:0; top:3rem; border-bottom:1px solid #e6e6e6; background:#fff; z-index:99; display:none; width:100%;}
.nav-more .mui-control-item { display:inline-block; flex:none; text-align:center; line-height:3rem; height:3rem; width:16.6%; font-size:1.2rem;}
.nav-tab .nav-more .mui-control-item.mui-active span { height:3rem;}

/*news*/


.article-content{background-color: #fff; touch-action: auto; height: auto; }
.news-layout { /* padding-top:3rem; */padding-bottom:4rem; overflow: hidden;}
.news-wrap h3 { margin-top:1rem; font-size:1.1rem; line-height:1.5rem; text-align:justify;}
.news-wrap .mui-table-view-cell>a:not(.mui-btn) { overflow:visible; white-space:normal;}
.news-datas { margin-top:.5rem; margin-bottom:.5rem; font-size:.85rem; color:#999;}
.news-img3 { display:table; margin-top:.3rem;}
.news-img3 span { display:table-cell; padding-right:.7rem; vertical-align:middle;}
.news-img3 span:last-child { padding-right:0;}
.news-img3 span img { width:100%; border-radius: 0.48rem;}
.news-img1-main { width:calc(67% - .7rem); }
.news-img1-main .news-datas { margin-top:2.3rem;}
.news-img1-img { position:absolute; right:.8rem; top:1rem; width:calc(33% - .7rem); }
.news-video { margin-top:.3rem; }
.news-video iframe { width:100%; height:100%;}
.tab-content {
    width: 100%;
    padding: 0 1rem;
    border-top: 1px solid #E9E9E9;
    border-bottom: 1px solid #E9E9E9;
}
.tab-content .class-tab {
	height:3rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
    overflow-x: auto;
}
.tab-content .class-tab .tab-item{margin-right: 1rem;}
.tab-content .class-tab li span{font-size: 1rem;}
.tab-content .class-tab .active {
    color: #CD0F23 !important;
}
.article-list-warp{ height: auto;}
.article-list-warp .list-item {
    padding: 1rem;
    margin: 0;
    border-bottom: 1px solid #E9E9E9;
	display: flex;
	justify-content: space-between;
}
.article-list-warp .list-item:last-child{border-bottom:none}
.article-list-warp .list-item a{display: inherit;}
.article-list-warp .list-item  .img-content {
    min-height: 2.34rem;
	width:40%;
	margin-right: 3%;
}
.list-content-warp{display: none;}
.list-content-warp.list-active{display: block;}
.list-content-warp .list-item .img-content img {
    border-radius: 0.48rem;
    width: 100%;
}
.list-content-warp .list-item .list-info {
    position: relative;
    width: 66%;
    padding: 0.13rem 0;
}
.list-content-warp .list-item .list-info .title {
    color: #333333;
    font-size: 1rem;
    font-weight: bold;
    line-height:1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-content-warp .list-item .list-info .description  {
    display: inline-block;
    color: #666666;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
    line-height: 1.5rem;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-content-warp .list-item .list-info .info-bottom {
    width: 100%;
    position: absolute;
    bottom: -1rem;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.list-content-warp .list-item .list-info .info-bottom .date {
    width: 100%;
    text-align: right;
    color: #999999;
}

.empty-list {
    width: 60%;
    margin: 1.33rem auto 0;
}
.empty-list span{text-align: center; display: block;margin: 0 auto;}
.empty-list img{width: 100%;}
.video-list{padding:1rem; display: none!important;  margin: 0;
    /*border-bottom: 1px solid #E9E9E9;*/
	display: flex;
	justify-content: space-between;} 
.video-list.video-list-active{display: block!important;}
.video-list .video-item {
    border-bottom: 1px solid #E9E9E9;
/* 	display: flex;
	justify-content: space-between; */
    padding: 0.6rem 0;
	position: relative;
	overflow: hidden;
}
.video-list .video-item:last-child{border-bottom:none}
.video-list .video-item  a{display: inherit;}
.video-list .video-item .img-content {
    min-height: 2.34rem;
	float: left;
    width: 40%;
    margin-right: 3%;
	position: relative;
}
.video-list .video-item .img-content img{
    width: 100%;
    border-radius: 0.48rem;
}
.video-list .video-item .img-content .play-icon {
    background: url(../images/video-play.png) no-repeat;
	background-size: 100%;
	position: absolute;
	display: block;
	width:2rem;
	height: 2rem;
	top: 30%;
	left:42%;
}
 .video-list .video-item .img-content .time{
	 position: absolute;
	 right:5%;
	 top: 20%;
	 color: #fff;
 }
.video-list .video-item .video-list-info{width:57%;float: right;}
.video-list .video-item .video-list-info .video-title {
    color: #333333;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5rem;
     overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.video-list .video-item .video-list-info  .description {
    display: inline-block;
    color: #666666;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
    line-height: 1.5rem;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.video-list .video-item .video-bottom {
    width: 100%;
	overflow: hidden;
}
.video-list .video-item .video-bottom p{font-size: 1rem;}
.video-bottom-time{text-align: right; margin-top:0.5rem}
.empty-list{width:70%;margin:0 auto;margin-top: 2rem;}
.empty-list img{width: 100%; vertical-align: middle;}
.empty-text{text-align: center;font-size: 1rem; color: #999;}

/*************/
/* .article-list-warp .twoRankedBox ul{margin:1rem 0;} */
/* .article-list-warp .twoRankedBox ul li{margin:0 6px 6px 6px;} */
.article-list-warp .twoRankedBox .flexBox{display: flex;justify-content: center;/* align-items: stretch; */align-content: center;}
    .article-list-warp .twoRankedBox  ul{display:flex}
.article-list-warp .twoRankedBox .product_ie{
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 1.6rem;
}
.article-list-warp .twoRankedBox .product_np{
	font-size: 1rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.article-list-warp .twoRankedBox .date{
	width: 100%;
	text-align: right;
	color: #999999;
	font-size: 0.9rem;
	padding: 0.5rem 0;
	position: absolute;
	bottom:0;
	right:1rem;
}
/* .article-list-warp .twoRankedBox .BoxLeft ,.article-list-warp .twoRankedBox  .BoxRight{overflow: hidden;} */

/************产品搜索结果页***********/
.product-search-wrap .mui-control-content .mui-scroll-wrapper{
	top:3.5rem;
}