@import url("//at.alicdn.com/t/font_2019108_cysys3hwwg.css");
html,body{
	margin:0 auto;
	background-color: #f7f7f7;
	font-size: 10px;
}
.iconfont{
	font-size: 0px;
}
.main_width{width: 1200px;margin: auto;}
.relative{position: relative;}
.flex {
  display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box; /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox; /* 混合版本语法: IE 10 */
  display: -webkit-flex; /* 新版本语法: Chrome 21+ */
  display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
}
.flex-1 {
  -webkit-flex: 1; /* Chrome */
  -ms-flex: 1; /* IE 10 */
  flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1; /* OLD - Firefox 19- */
}
.flex-v {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex-pack-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.flex-pack-justify {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.flex-pack-around {
　　-webkit-box-pack: center;
　　-webkit-justify-content: space-around;
　　-ms-flex-pack: center;
　　justify-content: space-around;
}
.f_l{
	float: left;
}
.f_r{
	float: right;
}
.choose_item{
	background-color: #fff !important;
	font-size: 14px !important;
	color: #333 !important;
}
/* 头部 */
.mall_nav{
	margin: 25px 0 20px;
	font-size: 14px;
	color: #888;
}
.mall_nav i{
	font-size: 14px;
	color: #888;
	margin: auto 1rem;
	position: relative;
	top: 2px;
}
.mall_nav .active{
	color: #115fa8;
}
.condition_box{
	border: 1px solid #ddd;
	background-color: #fff;
}
.condition_item{
	width: 100%;
}
.condition_item_left{
	width: 130px;
	text-align: center;
	font-size: 14px;
	color: #888;
}
.condition_item_right{
	width: calc(100% - 133px);
}
.choose_box{
	width: 100%;
	min-height: 50px;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.choose_left{
	width: 945px;
	padding: 10px 30px;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.limit-height{
	height: 56px !important;
}
.choose_item{
	font-size: 14px;
	color: #333;
	line-height: 35px;
	height: 35px;
	/* margin-bottom: 1rem; */
}
.choose_item i{
	margin-left: 10px;
	font-size: 14px;
	color: #333;
}
.operate{
	position: absolute;
	font-size: 14px;
	color: #888888;
	top: 15px;
	right: 20px;
	width: 65px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	border: 1px solid #ddd;
	
}
.operate i{
	font-size: 14px;
	color: #888888;
	
}
.condition_item_right .active{
	color: #115fa8 !important;
}
.list_nav{
	background-color: #fff;
	height: 50px;
	line-height: 25px;
	margin: 10px 0;
}
.list_nav_left{
	border: 1px solid #ddd;
}
.list_nav_left span:not(:last-child){
	border-right: 1px solid #ddd;
}
.list_nav_left span{
	width: 133px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #333;
	font-size: 14px;
}
.list_nav_left span.active{
	background-color: #115fa8;border: 0;
	color: #fff;
}
.list_right_nav{
	font-size: 14px;
	color: #333;
}
.list_right_nav span{
	margin:auto 15px;
}
.list_right_nav .disabled{
	color: #999;
}
.list_right_nav i{
	font-size: 14px;
}
.icon-left{
	margin-right: 10px;
}
.icon-right{
	margin-left: 10px;
}
.box_list{
	margin-left: -12px;
	display: inline-block;
}
.box_item{
	padding-left: 10px;
	margin-bottom: 10px;
	float: left;
}
.box_item_container{
	width:293px;
	height: 420px;
	background-color: #fff;
}
.mall_img{
	padding-top: 11px;
	text-align: center;
	padding-bottom: 11px;
	border-bottom: 1px solid #ddd;
}
.box_item img{
	width: 270px;
	height: 270px;
	object-fit: fit;
	margin: auto;
}
.item_title,.item_brand,.item_name,.item_between{
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	color: #888;
}
.item_title{
	margin-top: 5px;
	color: #333;
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	margin-bottom: 20px;
}
.item_between{
	color: #333;
}
#footer{
	width: 100%;
}
.box_item_container:hover{
	border: 1px solid #115fa8;
}