.viewport {
	max-width:720px;
	margin:5em auto auto auto;
	overflow:hidden
}
.mlr20 {
	margin:auto 1em
}
.m20 {
	margin:1em 0
}
.m30 {
	margin:1.5em 0
}
.mt20 {
	margin-top:1em
}
.mb20 {
	margin-bottom:1em
}
.mt40 {
	margin-top:2em
}
.mb40 {
	margin-bottom:2em
}
.mt-20 {
	margin-top:-1em
}
.hide {
	display:none
}
.h_box {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:box;
	width:100%
}
.h_box .spacer {
	width:1em
}
.flex_1 {
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-ms-box-flex:1;
	box-flex:1;
	width:100%
}
.flex_20 {
	width:1em
}
.imgurl {
	display:block;
/*	background:#fff url("http://s1.mi.com/m/app/v2/images/img_bg4.png") 50% 50% no-repeat;*/
background:#fff url(../images/load.gif) 50% 50% no-repeat;
	-webkit-background-size:40% auto;
	-moz-background-size:40% auto;
	-o-background-size:40% auto;
	background-size:40% auto;
	width:100%
}
.imgurl img {
	width:100%;
	display: block!important;
}
html {
	min-height:100%;
	background-color:#f4f4f4;
}
.header {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:5em;
	z-index:100;
	background-color:#eaeaea;
}
.header .tit {
	visibility:hidden;
	text-align:center;
	height:5em
}
.header .tit h2 {
	padding:1.2em 0 0
}
.header .tit span {
	font-size:2em;
	color:#464646
}
.header .left {
	position:absolute;
	top:0;
	left:0
}
.header .left span { float:left}
.header .left .hname {
	height:3.2em; font-size:2em; line-height:2em; margin-left:4px; }
.header .left .home {
	display:inline-block;
	padding:1em 0.6em 0.6em 1em;
}
.header .left .home span {
/*	font-size:2em;*/
	color:#464646
}

.header .home .ico {
	background:url(../images/home.png) no-repeat 0 0;	display:inline-block;
	width:3.2em;
	height:3.2em;
	-webkit-background-size:3.2em 3.2em;
	-moz-background-size:3.2em 3.2em;
	-o-background-size:3.2em 3.2em;
	background-size:3.2em 3.2em;
}

.header .right {
	position:absolute;
	top:0;
	right:0;
	padding:0 1em 0 0
}
.header .right li {
	float:left
}
.header .right li a {
	display:block;
	padding:1em .5em 1em .7em;
	position:relative
}
.header .right li .ico {
	display:inline-block;
	width:3em;
	height:3em
}


.header .right .user .ico {
	background:url(../images/user_ico.png) no-repeat 0 0;
	-webkit-background-size:3em 3em;
	-moz-background-size:3em 3em;
	-o-background-size:3em 3em;
	background-size:3em 3em
}
.header .right .cart .ico {
	background:url(../images/cart_ico.png) no-repeat 0 0;
	-webkit-background-size:3em 3em;
	-moz-background-size:3em 3em;
	-o-background-size:3em 3em;
	background-size:3em 3em
}
.header .right .cart .tip {
	position:absolute;
	top:.8em;
	right:0;
	width:1.5em;
	height:1.4em;
	padding-top:.1em;
	text-align:center;
	background-color:#ffc703;
	color:#783600;
	-webkit-border-radius:.3em;
	-moz-border-radius:.3em;
	-ms-border-radius:.3em;
	-o-border-radius:.3em;
	border-radius:.3em
}
.viewport {
	background-color:#f4f4f4
}
.slider {
	height:auto;
	background-color:#fff;
	overflow:hidden;
	visibility:hidden;
	position:relative
}
.effectNav{ margin-top:10px;  border-top:1px solid #666; background:#999; padding-bottom:10px;  }
.effectNav h3{ padding:0 10px; background:#ddd; background:#333; color:#fff;  }
.effectNav ul{ font-size:0;  }
.effectNav li{ display:inline-block; font-size:12px; padding:0 10px; margin:10px 0 0 10px;  background:#cdcdcd;  }
.effectNav li.new{ background:#fce8cd;  }
.focus{ max-width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:10px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; font-size:0; vertical-align:top;
}
.focus .hd ul li{ display:inline-block; width:25px; height:4px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#F60;  }
.focus .bd{ position:relative; z-index:0;text-align:center; }
.focus .bd li img{ width:100%; background:url(../images/loading.gif) center center no-repeat;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
.nav-index {
	background-color:#fff
}
.nav-index ul {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:box;
	border-bottom:.15em solid #f6f6f6
}
.nav-index ul:first-child {
	border-top:.15em solid #f6f6f6
}
.nav-index li {
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-ms-box-flex:1;
	box-flex:1;
	border-left:.15em solid #f6f6f6
}
.nav-index li:first-child {
	border-left:0 none
}
.nav-index li a {
	display:block;
	width:100%;
	height:8.5em;
	padding:1em 0 0;
	text-align:center
}
.nav-index li a .ico {
	display:block;
	margin:0 auto .5em;
	width:5em;
	height:5em;
	-webkit-background-size:5em 5em;
	-moz-background-size:5em 5em;
	-o-background-size:5em 5em;
	background-size:5em 5em
}
.nav-index li a .t {
	color:#333;
	font-size:1.1em
}
.nav-index .icon_indexn_01 {
	background:url(../images/icon_indexn_01.png) no-repeat
}
.nav-index .icon_indexn_02 {
	background:url(../images/icon_indexn_02.png) no-repeat
}
.nav-index .icon_indexn_03 {
	background:url(../images/icon_indexn_03.png) no-repeat
}
.nav-index .icon_indexn_04 {
	background:url(../images/icon_indexn_04.png) no-repeat
}
.nav-index .icon_indexn_05 {
	background:url(../images/icon_indexn_05.png) no-repeat
}
.nav-index .icon_indexn_06 {
	background:url(../images/icon_indexn_06.png) no-repeat
}
.nav-index .icon_indexn_07 {
	background:url(../images/icon_indexn_07.png) no-repeat
}
.nav-index .icon_indexn_08 {
	background:url(../images/icon_indexn_08.png) no-repeat
}
.card0 {
	margin-bottom:0.5em
}
.card .col2 {
	background-color:#fff;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:box;
	border-bottom:.15em solid #f6f6f6;

}
.card .col2:first-child {
	border-top:.15em solid #f6f6f6
}
.card .col2 .row1,.card .col2 .row2,.card .col2 .rows {
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-ms-box-flex:1;
	box-flex:1;
	border-left:.15em solid #f6f6f6;
}
.card .col2 .row1:first-child,.card .col2 .row2:first-child,.card .col2 .rows:first-child {
	border-left:0 none
}
.card .col2 .mg-bor-no-left {
	border-left:0 none
}
.card .col3 {
	background-color: #fff;
	border-top:.15em solid #f6f6f6;
	height: auto;
	width: 100%;
}
.card .col3:first-child {
}
.card .col3 .row1 {
	width:33.3333%;
	float:left;
/*	border-left:.15em solid #f6f6f6;*/
}
.card .col3 .row1 a {
	border-right:0.15em solid #f6f6f6;
}

.card .col3 .row1:first-child,.card .col3 .row2:first-child,.card .col3 .rows:first-child {
	border-left:0 none
}
.card .col3 .mg-bor-no-left {
	border-left:0 none
}
.card .rows {
	position:relative
}
.card .rows .row1,.card .rows .row2 {
	width:100%;
	display:block
}
.card .row1 .imgurl {
	height:100%;
	/*min-height:10em*/
}
.card .row2 {
	overflow:hidden
}
.card .row2 .imgurl {
	height:100%;
	
}
.card .mg-bor-top {
	border-top:.15em solid #f6f6f6
}
.show_big .rows,.show_big .row2,.show_big .row1 {
	width:33.333%
}
.show_big .rows a,.show_big .row2 a,.show_big .row1 a {
	display:block;
	position:relative;
	overflow:hidden
}
.show_big .rows a .imgurl,.show_big .row2 a .imgurl,.show_big .row1 a .imgurl {
	width:auto;
	position:relative
}
.topic {
	position:relative;
	overflow:hidden
}
.topic .bg .imgurl {
	min-height:19em
}
.topic .targeturl {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.topic .item-lay {
	position:absolute;
	top:0;
	left:0;
	margin:1.2em
}
.topic .item-lay .imgurl {
	line-height:10em;
}
.topic .item-lay .item-l {
	margin-right:.5em;
	float:left;
	width:30%;
	overflow: hidden;
	background-color:#fff;
	text-align:center
}
.topic .item-lay .item-l p {
	margin:.5em 1em 0;
	color:#333
}
.topic .item-lay .item-l p span {
	font-size: 1em;
	line-height: 1em;
	height: 2em;
	overflow: hidden;
	display: inline-block;
	width: 100%;
}
.card-nomb {
	margin-bottom:0
}
.card-list {
	background-color:#fff
}
.card-list .row1 {
	height:auto;
	text-align:center;
	overflow:hidden
}
.card-list .row1 a {
	display:block;
	padding:0.5em 0 0 0
}
.card-list .row1 .imgurl {
	margin:0 auto;
	padding:0 .15em;
	background-color:transparent;
	width:10em;
	height:10em
}
.card-list .row1 .p {
	display:block;
	margin:.5em 0.5em 0;
	color:#333
}
.card-list .row1 .p span {
	font-size: 1.3em;
	line-height: 1.3em;
	height: 2.4em;
	overflow: hidden;
	display: inline-block;
	width: 100%;
}
.card-list .more_top {
	display:block;
}
.card-list .more_top a {
	display:block;
	padding:1.7em 0;
	text-align:center
}
.card-list .more_top a span {
	font-size:1.6em;
	color:#464646;
}
.card-list .more {
	border-top:0.1em solid #f6f6f6;
	clear:both;
}
.card-list .more a {
	display:block;
	padding:1.5em 0;
	text-align:center
}
.card-list .more a span {
	font-size:1.4em;
	color:#999
}
.logined .login {
	display:inline
}
.logined .nologin {
	display:none
}
.tips_view {
	text-align:center;
	background-color:#f4f4f4
}
.tips_view .tips_msg {
	padding:5em 0 2em
}
.tips_view .tips_msg:before {
	content:"\0020";
	display:block;
	margin:0 auto
}
.tips_view .tips_msg h3 {
	font-size:1.7em;
	color:#50555b;
	margin-bottom:.44118em
}
.tips_view.mitu_02 .tips_msg:before {
	width:16em;
	height:16.1em;
	background:url(/static/img/img/mitu_02.png) 0 0 no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover
}
.tips_view .tips_btn {
	width:17em;
	margin:0 auto;
	padding:1.5em 0 3em
}
.button {
	font-size:1.7em;
	display:block;
	font-weight:700;
	text-align:center;
	line-height:2.61765em;
	-webkit-border-radius:.23529em;
	-moz-border-radius:.23529em;
	-ms-border-radius:.23529em;
	-o-border-radius:.23529em;
	border-radius:.23529em;
	overflow:hidden;
	border-width:1px;
	border-style:solid;
	text-shadow:rgba(0,0,0,.3) 0 -1px 0
}
.button.disable_button {
	color:#515459;
	text-shadow:rgba(0,0,0,.1) 0 1px 0;
	background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#f3f4f6),color-stop(100%,#dfe0e2));
	background-image:-webkit-linear-gradient(#f3f4f6,#dfe0e2);
	background-image:-moz-linear-gradient(#f3f4f6,#dfe0e2);
	background-image:-o-linear-gradient(#f3f4f6,#dfe0e2);
	background-image:linear-gradient(#f3f4f6,#dfe0e2);
	-webkit-box-shadow:rgba(0,0,0,.1) 0 .02941em .11765em 0 inset;
	-moz-box-shadow:rgba(0,0,0,.1) 0 .02941em .11765em 0 inset;
	box-shadow:rgba(0,0,0,.1) 0 .02941em .11765em 0 inset
}
.button.disable_button:active,.button.disable_button:hover {
	-webkit-box-shadow:rgba(0,0,0,.3) 0 .05882em .11765em .02941em inset;
	-moz-box-shadow:rgba(0,0,0,.3) 0 .05882em .11765em .02941em inset;
	box-shadow:rgba(0,0,0,.3) 0 .05882em .11765em .02941em inset
}
@media only screen and (max-width:300px) {
	body {
	font-size:8.33333px
}
.viewport {
	max-width:300px
}
}@media only screen and (max-width:310px) and (min-width:300px) {
	body {
	font-size:8.33333px
}
.viewport {
	max-width:300px
}
}@media only screen and (max-width:320px) and (min-width:310px) {
	body {
	font-size:8.88889px
}
.viewport {
	max-width:320px
}
}@media only screen and (max-width:360px) and (min-width:320px) {
	body {
	font-size:8.88889px
}
.viewport {
	max-width:360px
}
}@media only screen and (max-width:360px) and (min-width:350px) {
	body {
	font-size:10px
}
.viewport {
	max-width:360px
}
}@media only screen and (max-width:480px) and (min-width:360px) {
	body {
	font-size:10px
}
.viewport {
	max-width:480px
}
}@media only screen and (max-width:480px) and (min-width:470px) {
	body {
	font-size:13.33333px
}
.viewport {
	max-width:480px
}
}@media only screen and (max-width:560px) and (min-width:480px) {
	body {
	font-size:13.33333px
}
.viewport {
	max-width:560px
}
}@media only screen and (max-width:570px) and (min-width:560px) {
	body {
	font-size:15.83333px
}
.viewport {
	max-width:570px
}
}@media only screen and (max-width:640px) and (min-width:570px) {
	body {
	font-size:15.83333px
}
.viewport {
	max-width:640px
}
}@media only screen and (max-width:640px) and (min-width:630px) {
	body {
	font-size:17.77778px
}
.viewport {
	max-width:640px
}
}@media only screen and (max-width:710px) and (min-width:640px) {
	body {
	font-size:17.77778px
}
.viewport {
	max-width:710px
}
}

input{
	border: none;
	font-family: 微软雅黑;
	font-size: 15px;
	color: #a4a4a4;
}

.search .s-area{
	width: 100%;
	height:52px;
	background-color:#ffffff;
	text-align: center;
}
.s-area .key-word{
	width:98%;
	height: 28px;
	padding-left: 5px;
	line-height: 28px;
	text-align:left;
	border:1px solid #ccc;
}
.s-area .search_l{
	width: 55px;
	height:52px;
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
}
.s-area .search_c{
	height:52px;
	line-height:52px;
	position:absolute;
	top:0;
	right:55px;
	left:12px;
}
.s-area .search_r{
	width: 55px;
	height:52px;
	display:inline-block;
	position:absolute;
	top:0;
	right:0;
}
.s-area .btn{
	width: 21px;
	height: 21px;
	background: url(../images/search.jpg) no-repeat 0 0;
	vertical-align: top;
	margin-top: 12px;
}
.search .cover{
	width: 100%;
	height: 11px;
	background-color: #f4f4f4;
}
.search-area{position:relative;width:75%;}
.search-area .search-icon{
    background: url("../images/head.png") no-repeat scroll -45px center rgba(0, 0, 0, 0);
    display: inline-block;
	height:52px;
    width: 55px;
	text-indent:-9999px;
}
.floor_body2 { width:98%; margin:auto; overflow:hidden; }
.floor_body2 h2 {height:50px; line-height:50px;font-size: 16px;font-weight: normal;color:#999; text-align:center;  }
.floor_body2 ul { width:50%; float: left; /*text-align: center;*/ overflow:hidden;}
.floor_body2 ul li { width:98%; margin:auto;margin-bottom:5px; background:#FFF; overflow:hidden;padding-bottom:2%; position:relative; border-radius:5px; }
.floor_body2 ul li .best_phone{height:20px; position:absolute; top:0px;left:0px; font-size:12px; line-height:20px; color:#FFF; padding-left:8px; padding-right:8px; background:#E71F19;}
.floor_body2 ul li .index_pro{ width:100%; overflow:hidden; margin:auto;}
.floor_body2 ul li .products_kuang { width:100%; margin:auto;overflow: hidden; position:relative;}
.floor_body2 ul li .products_kuang img{ display:block;width:100%; margin:auto;}
.floor_body2 ul li .goods_name { width:93%; margin:auto;text-align:left; overflow: hidden; margin-top:8px; margin-bottom:8px;}
.floor_body2 ul li .goods_name a{ display:block; width:100%; height:30px; overflow:hidden;color:#292929;font-size:.512rem;  line-height:15px;}
.floor_body2 ul li .price {width:100%; overflow:hidden; margin:auto; position:relative;  margin-top:5px;  padding-top:5px; text-align:center}
.floor_body2 ul li .price span {color: #000;height: .68266667rem;padding-top: .256rem;font-size: .512rem;line-height: .68266667rem;text-align: center;font-weight: 700;}
.floor_body2 ul li .price em {overflow: hidden;font-size: .512rem;line-height: 15px;color: #666;text-decoration: line-through; font-style:normal;padding-bottom: .256rem;}


.floor_body2 ul li .btns{ position:absolute; display:block;right:5px;height:25px;width:25px;background:#E71F19; border-radius:50%; bottom:6px;}
.floor_body2 ul li .btns img{ display:block; width:25px;height:25px; }


.touchweb_com-indexPop_all { display: none; position: fixed; left: 0; top: 0;  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; box-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: center; -webkit-box-align: center; box-align: center; -webkit-align-items: center; align-items: center; width: 100%; height: 100%; background:none;  visibility: hidden; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; z-index:99999999 }
.touchweb_com-indexPop_all.show { opacity: 1; visibility: visible; }
.touchweb_com-indexPop_all .inner { padding-left:10px; padding-right:10px;-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px; background:rgba(0,0,0,0.7); height:35px; line-height:35px; text-align:center }
.touchweb_com-indexPop_all .inner .content_name { font-size:16px; color:#ffffff;}
.more_loader_spinner { text-align: center; font-size:14px; float:left; width: 100%}

.jiazai{ width:95%; height:50px; margin:auto }
.jiazai em{ display:block; width:25%; float:left; height:24px; border-bottom:1px solid #ccc; margin-bottom:24px;}
.jiazai span{ display:block; width:50%; float:left; height:50px;font-size:14px; line-height:50px; text-align:center; color:#999}