@charset "utf-8";
/*.m_icon{position: fixed; right: 1rem; top: 5rem; z-index: 6;}*/
/*
.m_icon{position: fixed; bottom:180px;right: 1.3rem;}
*/
.m_icon{transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease;}
.m_icon article{padding: 2px;  background-color:#FFFFFF; border: 1px solid #eee; border-radius: 50%; overflow: hidden; z-index: 3; margin-top:20px;}
.m_icon i{font-size: 0.7rem; width: 20px; height: 20px; color:#0099CC}
.m_icon article:hover{color: #00CCFF; background: #ffffff;}
.m_icon article:hover i{ color:#00CCFF}
.ju_shang{ margin-top:15px;}


.m_left_icon{position: fixed; left:1.3rem; right:auto; top:10px;z-index:9999;}
.m_left_icon *{transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease;}
.m_left_icon article{padding: 2px;  background-color:#FFFFFF; border: 1px solid #eee; border-radius: 50%; overflow: hidden; z-index: 3; margin-top:20px;}
.m_left_icon i{left: 1.3rem;font-size: 0.7rem; width: 20px; height: 20px; color:#0099CC}
.m_left_icon article:hover{color: #00CCFF; background: #ffffff;}
.m_left_icon article:hover i{ color:#00CCFF}
.ju_shang{ margin-top:15px;}


.fango{
	position: fixed; 
	left:1.3rem; 
	right:auto; 
	top:20px;
	z-index:9999;
/*
  width:10%;
  height:35px;
  line-height:35px;
  position: fixed; 
  left:1.3rem; 
  right:auto;
  z-index:10000;
  background-color:#009966;
  */
}
.fango a{
  vertical-align: middle;
  margin-right: 5px;
}
.fango a img{

  width: 70px;
  margin-right: 10px;
}

.search_layer{ display: none; position: fixed; top:0; left:0; background:rgba(255,255,255,0.9); width:100%; height:100%;    z-index:10001; text-align:  center}
.search_info{ background:#f7f7f7;    padding: 8px 5px;border-bottom:1px solid #C7C7C7;}
.search_layer .search_info .search{height:40px;line-height:40px;border:1px solid #C7C7C7;text-align: left;padding-left:10px;    margin-right: 50px;}
.search_layer .search_info .search i{height:26px;line-height:26px;background-size:26px;padding-right:10px;}
.search_layer .search_info .span{ float:left;}
.search_layer .search input{color:black;    width: 70%;}
.search_layer .search_info span{ display: inline-block;  color:blue; font-size:14px;line-height: 52px;position:absolute;right:10px;top:5px;}
.search_layer .search_bottom p{ font-size:14px; color:#999999;line-height:16px;}
.search_layer .search_list{ display:none;}
.search_layer .search_list li{ line-height:40px;   font-size:14px; color:#333333; border-bottom: 1px solid #f1f1f1; text-align: left; padding:3px 8px;}
.search_layer .search_list li a{ color:#333;display: block;}


.shopsort {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1008!important;;
	display: none;
	overflow: hidden;
}


.shopsort i{
	font-style: normal;
	list-style: none;

}

.shopsort li {
	font-style: normal;
	list-style: none;
	line-height:30px;
	min-height:30px;	
	padding: 5px 0 5px 10px;
	border-bottom: 1px solid #444;
}

.shopsort .soso{
	color:#FF6600;
}
.shopsort .e2 {
	position:absolute;
	right:0;
	width:100%;
	height:100%;
	background:#333;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch
}
.shopsort .e {
	position: absolute;
	right: -288px;
	width: 263px;
	height: 100%;
	color: #ececec;
	z-index: 100;
	-webkit-transition: right .5s ease;
}
.shopsort .es {
	right: 0;
}
.shopsort .e1 {
	display: block;
	width: 25px;
	height: 50px;
	text-align: center;
	line-height: 1.2em;
	cursor: pointer;
	border-radius: 3px 0 0 3px;
	background: no-repeat #333;
	background-size: 105px;
	padding: 30px 0 0 0;
	position: absolute;
	right: 100%;
	z-index: 102;
	margin-top: -40px;
	background-image: url("/images/esf/l_icon.png");
	background-position: -85px -45px;
}
.shopsort .e2a {
	overflow: hidden;
	padding: 0 10px 0 10px;
	display: none;
	padding-bottom: 20px;
}
.shopsort .e2s, .F .e3s {
	display: block;
}
.shopsort .e2a i {
	border-bottom: 2px solid #FFF;
	display: inline-block;
	padding: 0 11px;
	line-height: 43px;
}
.shopsort .e2a span{
	display: block;
	color: #ececec!important;
	font-size: 15px;
	height: 20px;
	line-height: 20px;
	/*
	border-bottom: 1px solid #444;
	*/
	padding: 13px 0 13px 11px;
}

.shopsort .e2a a {
	color: #ececec!important;
	font-size: 15px;
	line-height:30px;
	height:30px;
	padding: 13px 0 13px 11px;
}
.shopsort .e2a .e5 {
	background: #666!important;
}
.shopsort .e7 {
	position: absolute;
	z-index: 99;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
}

.shopsort .e2a p{
	display: block;
	color: #ececec!important;
	font-size: 15px;
	padding: 5px 0 5px 0px;
}

.shopsort .e2a .zilei{
	display: block;
	color: #ececec!important;
	font-size: 15px;
	padding: 5px 0 5px 10px;
}