﻿/* 优贸物联网手机版新增样式 20160805 by:shanwu */
html,body,.con{max-width: 800px!important;margin:0 auto;padding-bottom: 1rem;}
.mobile-nav {padding-bottom: 0.2rem!important;padding-top: .2rem!important;}
.mobile-ul {padding: 0.2rem;}
.index-nav ul li {
	padding: 0 !important;
	padding-top: 0.2rem !important;
	padding-left: 0.2rem !important;
	padding-right: 0.2rem !important;}
.index-nav ul li img {border-radius: 50%;}
.recom-title {text-align: center;}
.recom-title  i{width: 20%;margin: 0 5%;border-top:2px solid #eee;vertical-align: super;display: inline-block;}
.recom-list li{margin: .6% .3% 0!important;}
/* .mobile-title h2 a{color:#F66;background:#F6F6F9}
.mobile-title h2 a:hover{color:#000;background:#F6F6F9} */
/* 特色频道 */
.ind_box.new .yaobu-swiper-container img {
	width:100%
}
.ind_box.new.relative {
	position:relative
}
.ind_box.new.prev_two {
	margin-top:-.2rem
}
.ind_box.new .store .context {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	height:1.5rem
}
.ind_box.new .store .context .left {
	width:.8rem;
	margin-left:.24rem;
	margin-right:.24rem
}
.ind_box.new .store .context .left img {
	width:100%
}
.ind_box.new .store .context .right .p1 {
	font-weight:700
}
.ind_box.new .store .context .right .tag {
	background-color:#c70034;
	padding-left:.04rem;
	padding-right:.04rem;
	color:#fff;
	margin-right:.15rem
}
.ind_box.new .background_img {
	position:relative;
	z-index:1
}
.ind_box.new .background_img img {
	width:100%;
}
.ind_box.new .ind_flex {
	overflow:hidden;
	position:relative;
	border-bottom: 1px solid #eee;
}
.ind_box.new .ind_flex:after {
	clear:both;
	content:"";
	display:block;
	height:0;
	overflow:hidden
}
.ind_box.new .ind_flex img {
	width:100%;
	display: block;
}
.ind_box.new .ind_flex.background_around {
	position:absolute;
	z-index:2;
	bottom:.1rem;
	width:100%
}
.ind_box.new .ind_flex li {
	position:relative
}
.ind_box.new .ind_flex.bg li:first-child {
	position:relative;
	width:100%
}
.ind_box.new .ind_flex.bg li {
	position:absolute;
	bottom:0
}
.ind_box.new .ind_flex.bg li:nth-child(2) {
	left:0
}
.ind_box.new .ind_flex.bg li:nth-child(3) {
	left:25%
}
.ind_box.new .ind_flex.bg li:nth-child(4) {
	left:50%
}
.ind_box.new .ind_flex.bg li:nth-child(5) {
	left:75%
}
.ind_box.new .ind_flex.clo_row_2 li {
	float:left;
	width:50%
}
.ind_box.new .ind_flex.clo_row_2.left li:first-child {
	width:50%
}
.ind_box.new .ind_flex.clo_row_2.left li {
	width:50%
}
.ind_box.new .ind_flex.clo_row_2.center li,.ind_box.new .ind_flex.clo_row_2.center li:first-child {
	width:50%
}
.ind_box.new .ind_flex.clo_row_2 li:first-child:after {
	content:"";
	position:absolute;
	height:100%;
	top:0;
	z-index:1;
	left:auto;
	right:0;
	border-right:1px solid #eee
}
.ind_box.new .ind_flex.clo_row_2 li:nth-child(2):after {
	content:"";
	position:absolute;
	left:0;
	z-index:1;
	top:auto;
	bottom:0;
	height:0;
	width:100%;
	border-bottom:1px solid #eee
}
.ind_box.new .ind_flex.row_clo_2 li {
	float:left;
	width:50%
}
.ind_box.new .ind_flex.row_clo_2.left li:first-child {
	width:50%
}
.ind_box.new .ind_flex.row_clo_2.left li {
	width:50%
}
.ind_box.new .ind_flex.row_clo_2.center li,.ind_box.new .ind_flex.row_clo_2.center li:first-child {
	width:50%
}
.ind_box.new .ind_flex.row_clo_2.new li:first-child {
	float:right
}
.ind_box.new .ind_flex.row_clo_2.new li:first-child:after {
	content:"";
	position:absolute;
	height:100%;
	top:0;
	left:0;
	z-index:1;
	border-left:1px solid #eee
}
.ind_box.new .ind_flex.row_clo_2.new li:nth-child(2):after,.ind_box.new .ind_flex.row_clo_2.old li:first-child:after {
	top:auto;
	height:0;
	width:100%;
	left:0;
	content:"";
	position:absolute;
	z-index:1;
	bottom:0;
	border-bottom:1px solid #eee
}
.ind_box.new .ind_flex.row_clo_2.old li:first-child {
	float:left
}
.ind_box.new .ind_flex.row_clo_2.old li:nth-child(2) {
	float:right
}
.ind_box.new .ind_flex.row_clo_2.old li:nth-child(2):after {
	content:"";
	position:absolute;
	height:100%;
	top:0;
	left:0;
	z-index:1;
	border-left:1px solid #eee
}
.ind_box.new .ind_flex.clo_1 li:not(:last-child):after,.ind_box.new .ind_flex.clo_2 li:not(:last-child):after{
	content:"";
	position:absolute;
	top:0;
	z-index:1;
	left:auto;
	right:0;
	border-right:1px solid #eee
}

.ind_box.new .ind_flex.clo_1 li {
	float:left;
	width:100%
}
.ind_box.new .ind_flex.clo_1 li:not(:last-child):after {
	height:100%
}
.ind_box.new .ind_flex.clo_1.left li:first-child {
	width:50%
}
.ind_box.new .ind_flex.clo_1.left li {
	width:Infinity%
}
.ind_box.new .ind_flex.clo_1.center li:first-child {
	width:50%
}
.ind_box.new .ind_flex.clo_1.center li {
	width:Infinity%
}
.ind_box.new .ind_flex.clo_2 li {
	float:left;
	width:50%
}
.ind_box.new .ind_flex.clo_2 li:not(:last-child):after {
	height:100%
}
.ind_box.new .ind_flex.clo_2.left li:first-child {
	width:50%
}
.ind_box.new .ind_flex.clo_2.left li {
	width:50%
}
.ind_box.new .ind_flex.clo_2.center li,.ind_box.new .ind_flex.clo_2.center li:first-child {
	width:50%
}

.mobile-recom-list {
    box-sizing: border-box;
}
.mobile-recom-list li {
	border-bottom:1px solid #eee;
	border-right: 1px solid #eee;
    text-align: center;
    width: 33.33%;
    float: Left;
    display: inline-block;
    box-sizing: border-box;
}
.clear {
    clear: both;
    height: 1px;
    width: 100%;
    font-size: 1px;
    line-height: 0px;
    visibility: hidden;
    overflow: hidden;
}