
@charset "utf-8";

/*******************main start*******************/
#cd_main{width:100%; background:#F5F5F5;}
.container{ width: 1200px; margin: 0 auto; }
.content{ padding-top: 30px;}
/*面包屑*/
.pro_crumbs{background-color: #fff; }
.pc_center{ width: 1200px; height: 50px; line-height: 50px; margin: 0 auto; color: #999; font-size: 14px;}
.pro_crumbs a{color:#333;}
.pro_crumbs .bc_arrow{ color: #b0b0b0; margin: 0 5px; font-family: sans-serif;}

/*分类导航*/
.sort_menu_con{background: #fff; font-size: 14px; padding-bottom: 20px;}
.sort_menu_con .sm_border{width: 1160px; margin: 0 auto; padding: 11px 20px 20px; border: 1px solid #ddd;}
.sort_menu_con .label_low{ position:relative; overflow:hidden;}
.sort-menu{padding:10px 0 10px 60px;}
.sort-menu dt,.sort-menu dd{float:left;}
.sort-menu dt{ margin-left:-60px; color: #b0b0b0;}					
.sort-menu dt span{display:inline-block; width:60px;}		
.sort-menu dd{ position: relative; height: 28px; line-height: 28px;border:1px solid transparent;  }
.sort-menu dd a{ display: inline-block; padding: 0 25px;width:100px;}
.label_letter .sort-menu dd a{color:#2a62ff;}
.sort-menu dd.active{ border:1px solid #d7000f;  }
.sort-menu dd.active:after{ content: ' '; position: absolute; right: 0; bottom: 0; border-width: 6px; border-style: solid; border-color: transparent #d7000f #d7000f transparent; }			
.sort-menu dd > a:hover,.sort-menu dd.active a{color: #d7000f;}
.sort_menu_con dd:before{ position: absolute; content: ' '; right: 2px; bottom: 1px; z-index: 2; transform: rotate(39deg); background-color: transparent; width: 2px; height: 5px; border-width: 1px; border-style: solid; border-color: transparent #fff #fff transparent; }
.label_low:nth-child(2) .sort-menu dt{ height: 48px; line-height: 45px;}
/*品牌*/
.label_img li{position: relative; float: left;  margin: -1px -1px 0 0;}
.label_img a{ display:block; height: 35px; line-height: 35px; overflow: hidden; padding:5px 14px; border:1px solid #fff;}
.label_img li:hover{color:#d7000f}
.label_img .l_border_color:hover{color:#d7000f}
.label_img .l_border_color{ z-index: 5;}
.label_img a img{vertical-align: -1;}
.label_img li .active {border: 1px solid #d7000f;}


/*.label_img .l_border_color a{border-color: red;}*/
/*标题和下拉表单*/
.sm_border .cate-tit{ border-bottom: 2px solid #f5f5f5; text-align: center; padding-bottom: 6px; margin-bottom: 20px; color: #333; font-size: 16px;  }
.sel-menu dt span{ height: 32px; line-height: 32px; }
.form-control {display: block;width: 200px;height: 32px;padding: 3px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #e3e3e3;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px #e3e3e3;box-shadow: inset 0 1px 1px #e3e3e3;}

/*条件选择产品*/
.order-list-box{ overflow: hidden; font-size: 14px; margin-bottom: 10px;}
.order-list-box a{ webkit-transition: all .3s ease-out;transition: all .3s ease-out; color: #424242;}
.order-list-box a:hover{color: #d7000f; webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.order-list-box .order-list{ height: 32px; line-height: 32px; border:1px solid #d3d3d3; border-right: 0;}
.order-list-box .order-list li{float: left; padding: 0 16px; height: 32px; line-height: 32px; cursor:pointer;border-right:1px solid #d3d3d3;}
.order-list-box .order-list li.active a{ color: #d7000f;}
.order-list-box .order-list li i{width: 16px; height: 16px; display: inline-block; vertical-align: 2px; margin-left: 3px; text-align: center; font-size: 12px;} 
.order-list-box .type-list a{ display: block;}
.order-list-box .type-list a.active{ color: #d7000f;}
.order-list-box .type-list .checkbox{display: inline-block; width: 18px; height: 18px; border: 1px solid #e0e0e0; background: #fff; vertical-align: -4px;margin-right: 8px; overflow: hidden;}
.fa-check-square{font-size: 20px; color: #d7000f; font-size: 23px;  margin-top: -3px;}

.shop_click{ font-size: 0;}
.shop_click .num{font-size: 12px;display: inline-block; margin-right: 10px; color: #999;}
.shop_click .num i{ color: #d7000f; }
.shop_click .control{width: 57px; height: 28px; color:#999; display: inline-block; border: 1px solid #E0E0E0; margin-left: -1px; padding: 2px 5px;line-height:28px;text-align:center;font-size: 14px; background-color: #fff;}
.shop_click .control i{font-weight:bold;-webkit-transition:all 1s;transition:all 1s;}
.shop_click .suc {color:#333;}
.shop_click .suc:hover {color:#D7000F;}
.shop_click .control-l{background-position: 0px 0px;}
.shop_click .control-l{background-position: 0px 0px;}
.shop_click .no-control{ background-color: #f5f5f5; }
/* 列表 */
.ms_head{height: 40px; border: 1px solid #d3d3d3; background-color: #fff; font-size: 0;}
.ms_head span{display: inline-block; line-height: 40px; color: #666; font-weight:bold; text-align: center; border-right:1px solid #d3d3d3; font-size: 14px;}
.w514{ width: 514px; }
.w280{ width: 240px; }
.w200{ width: 200px; }

.ms_head span.th-item{}

.order_content{ padding: 20px 0; margin-top: 10px; background-color: #fff;  font-size: 14px;}
.order_content:hover{ box-shadow: 0 8px 10px #dadada; transition: all .3s; }
.order_content li{float: left; text-align: center;}
.order_content li.td-item{text-align: left; font-size: 12px;}
.order_content li.td-item .img{ margin-right: 10px; border:1px solid #fff; }
.order_content li.td-item .item_info{overflow: hidden; padding: 0 20px;}
.item_info .tit{ font-size: 15px; color: #333; font-weight: bold; }
.item_info .params{ height: 18px; line-h
@charset "utf-8";

/*******************main start*******************/
#cd_main{width:100%; background:#F5F5F5;}
.container{ width: 1200px; margin: 0 auto; }
.content{ padding-top: 30px;}
/*面包屑*/
.pro_crumbs{background-color: #fff; }
.pc_center{ width: 1200px; height: 50px; line-height: 50px; margin: 0 auto; color: #999; font-size: 14px;}
.pro_crumbs a{color:#333;}
.pro_crumbs .bc_arrow{ color: #b0b0b0; margin: 0 5px; font-family: sans-serif;}

/*分类导航*/
.sort_menu_con{background: #fff; font-size: 14px; padding-bottom: 20px;}
.sort_menu_con .sm_border{width: 1160px; margin: 0 auto; padding: 11px 20px 20px; border: 1px solid #ddd;}
.sort_menu_con .label_low{ position:relative; overflow:hidden;}
.sort-menu{padding:10px 0 10px 60px;}
.sort-menu dt,.sort-menu dd{float:left;}
.sort-menu dt{ margin-left:-60px; color: #b0b0b0;}					
.sort-menu dt span{display:inline-block; width:60px;}		
.sort-menu dd{ position: relative; height: 28px; line-height: 28px;border:1px solid transparent;  }
.sort-menu dd a{ display: inline-block; padding: 0 25px;width:100px}
.sort-menu dd.active{ border:1px solid #d7000f;  }
.sort-menu dd.active:after{ content: ' '; position: absolute; right: 0; bottom: 0; border-width: 6px; border-style: solid; border-color: transparent #d7000f #d7000f transparent; }			
.sort-menu dd > a:hover,.sort-menu dd.active a{color: #d7000f;}
.sort-menu dd:before{ position: absolute; content: ' '; right: 2px; bottom: 1px; z-index: 2; transform: rotate(39deg); background-color: transparent; width: 2px; height: 5px; border-width: 1px; border-style: solid; border-color: transparent #fff #fff transparent; }
.label_low:nth-child(2) .sort-menu dt{ height: 48px; line-height: 45px;}
/*品牌*/
.label_img li{position: relative; float: left;  margin: -1px -1px 0 0;}
.label_img a{ display:block; height: 35px; line-height: 35px; overflow: hidden; padding:5px 14px; border:1px solid #fff;}
.label_img li:hover{color:#d7000f}
.label_img .l_border_color:hover{color:#d7000f}
.label_img .l_border_color{ z-index: 5;}
.label_img a img{vertical-align: -1;}
.label_img li .active {border: 1px solid #d7000f;}


/*.label_img .l_border_color a{border-color: red;}*/
/*标题和下拉表单*/
.sm_border .cate-tit{ border-bottom: 2px solid #f5f5f5; text-align: center; padding-bottom: 6px; margin-bottom: 20px; color: #333; font-size: 16px;  }
/*.sort-menu dt span{ width: 76px; }*/
.sel-menu dt span{ height: 32px; line-height: 32px; }
.form-control {display: block;width: 200px;height: 32px;padding: 3px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #e3e3e3;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px #e3e3e3;box-shadow: inset 0 1px 1px #e3e3e3;}

/*条件选择产品*/
.order-list-box{ overflow: hidden; font-size: 14px; margin-bottom: 10px;}
.order-list-box a{ webkit-transition: all .3s ease-out;transition: all .3s ease-out; color: #424242;}
.order-list-box a:hover{color: #d7000f; webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.order-list-box .order-list{ height: 32px; line-height: 32px; border:1px solid #d3d3d3; border-right: 0;}
.order-list-box .order-list li{float: left; padding: 0 16px; height: 32px; line-height: 32px; cursor:pointer;border-right:1px solid #d3d3d3;}
.order-list-box .order-list li.active a{ color: #d7000f;}
.order-list-box .order-list li i{width: 16px; height: 16px; display: inline-block; vertical-align: 2px; margin-left: 3px; text-align: center; font-size: 12px;} 
.order-list-box .type-list a{ display: block;}
.order-list-box .type-list a.active{ color: #d7000f;}
.order-list-box .type-list .checkbox{display: inline-block; width: 18px; height: 18px; border: 1px solid #e0e0e0; background: #fff; vertical-align: -4px;margin-right: 8px; overflow: hidden;}
.fa-check-square{font-size: 20px; color: #d7000f; font-size: 23px;  margin-top: -3px;}

.shop_click{ font-size: 0;}
.shop_click .num{font-size: 12px;display: inline-block; margin-right: 10px; color: #999;}
.shop_click .num i{ color: #d7000f; }
.shop_click .control{width: 57px; height: 28px; color:#999; display: inline-block; border: 1px solid #E0E0E0; margin-left: -1px; padding: 2px 5px;line-height:28px;text-align:center;font-size: 14px; background-color: #fff;}
.shop_click .control i{font-weight:bold;-webkit-transition:all 1s;transition:all 1s;}
.shop_click .suc {color:#333;}
.shop_click .suc:hover {color:#D7000F;}
.shop_click .control-l{background-position: 0px 0px;}
.shop_click .control-l{background-position: 0px 0px;}
.shop_click .no-control{ background-color: #f5f5f5; }
/* 列表 */
.ms_head{height: 40px; border: 1px solid #d3d3d3; background-color: #fff; font-size: 0;}
.ms_head span{display: inline-block; line-height: 40px; color: #666; font-weight:bold; text-align: center; border-right:1px solid #d3d3d3; font-size: 14px;}
.w514{ width: 514px; }
.w280{ width: 240px; }
.w200{ width: 200px; }

.ms_head span.th-item{}

.order_content{ padding: 20px 0; margin-top: 10px; background-color: #fff;  font-size: 14px;}
.order_content:hover{ box-shadow: 0 8px 10px #dadada; transition: all .3s; }
.order_content li{float: left; text-align: center;}
.order_content li.td-item{text-align: left; font-size: 12px;}
.order_content li.td-item .img{ margin-right: 10px; border:1px solid #fff; }
.order_content li.td-item .item_info{overflow: hidden; padding: 0 20px;}
.item_info .tit{ font-size: 15px; color: #333; font-weight: bold; }
.item_info .params{ height: 18px; line-height: 18px; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 3px 0 18px; }
.item_info .amount-label span.label{ display: inline-block; margin-right: 6px; height: 20px; line-height: 20px; padding: 0 5px; background-color: #d7000f; color: #fff; border-radius: 3px; font-size: 12px;}
.item_info .amount-label.no-stock span.label{ background-color: #666; }
.item_info .pany{ color: #2a62ff; margin-top: 5px;font-size: 14px;font-weight: bold;}
.order_content li.td-item .item_info a:hover{text-decoration: underline; color: red;}
.order_content li.td-info{}
.order_content li.td-price{ font-weight: bold; color: #d7000f; height: 32px; line-height: 32px;margin-top:-5px}
.order_content li.td-amount {color: #999; position: relative; height: 32px; line-height: 32px; cursor: pointer;}
.order_content li.td-amount .tip{ position: absolute; top: 42px; left: 92px;  padding: 5px 10px;  border: 1px solid #e4555f; white-space: nowrap; text-align: left; line-height: 20px; font-size: 12px; border-radius: 3px; opacity: 0; filter:alpha(opacity=0); transition: all .3s;}
.order_content li.td-amount .tip::before{ content: ' ';position: absolute; left: -1px; top: -14px; width: 12px; height: 15px; background: url("../images/tip-icon.jpg") no-repeat; }
.order_content li.td-amount:hover .tip{ opacity: 1; filter:alpha(opacity=1); transition: all .3s; }
.order_content li.td-op a{display: block;}
.order_content li.td-op a:hover{color: #C81623;}


.num-click{ margin: 0 15px 0 56px; }
.dn-click{position: relative; width: 36px; height: 30px; border: 1px solid #ddd; float: left; cursor: pointer;}
.dn-click i{position: absolute; width: 2px; height: 2px; background-color: #999;}
.dn-click i.nw{width: 10px; top: 15px; left: 12px;}
.dn-click i.nh{height: 10px; top: 11px; left: 16px;}
.z-dis{border: 1px solid #d3d3d3; cursor:not-allowed;}
.z-dis i{ background-color:#d3d3d3; }
.dn-input{height: 30px; width: 60px; border: 1px solid #ddd; margin: 0 -1px; text-align: center;}
.cart-wrap .ms_bg.ms_icon{ display: inline-block; cursor: pointer; width: 32px;height: 24px;background: url(../images/shop-cart2.png) no-repeat; margin-top: 3px;}
.cart-wrap .ms_icon.add-cart{ background: url(../images/shop-cart1.png) no-repeat;  }

/*分页导航*/
.pagenav{height: 30px; padding: 10px 0 31px; text-align: center;  margin: 0 auto;}
.pagenav a{display: inline-block; width: 48px; height: 30px; margin: 0 7px; font-weight: 200; line-height: 30px; color: #b0b0b0; font-size: 18px; }
.pagenav .selected{ background:#757575; color:#fff;}
.pagenav  .numbers i{color:#b0b0b0;font-size:24px;vertical-align:-1px;}
.pagenav  .numbers:hover i{color: #fff;}
.pagenav .current{background-color:#757575 ; color: #fff;}
.pagenav a:hover{background-color:#B0B0B0 ; color: #fff;}
.pagenav .fa{font-size: 24px;}
 .icon-29 {position: relative; top: -5px;}

 /*搜索*/
.searchbox{
    position: relative!important;
top: -50px!important;
left: 500px!important;
}eight: 18px; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 3px 0 18px; }
.item_info .amount-label span.label{ display: inline-block; margin-right: 6px; height: 20px; line-height: 20px; padding: 0 5px; background-color: #d7000f; color: #fff; border-radius: 3px; font-size: 12px;}
.item_info .amount-label.no-stock span.label{ background-color: #666; }
.item_info .pany{ color: #2a62ff; margin-top: 5px; font-size: 14px;font-weight: bold;}
.order_content li.td-item .item_info a:hover{text-decoration: underline; color: red;}
.order_content li.td-info{}
.order_content li.td-price{ font-weight: bold; color: #d7000f; height: 32px; line-height: 32px;margin-top:-5px}
.order_content li.td-amount {color: #999; position: relative; height: 32px; line-height: 32px; cursor: pointer;}
.order_content li.td-amount .tip{ position: absolute; top: 42px; left: 92px;  padding: 5px 10px;  border: 1px solid #e4555f; white-space: nowrap; text-align: left; line-height: 20px; font-size: 12px; border-radius: 3px; opacity: 0; filter:alpha(opacity=0); transition: all .3s;}
.order_content li.td-amount .tip::before{ content: ' ';position: absolute; left: -1px; top: -14px; width: 12px; height: 15px; background: url("../images/tip-icon.jpg") no-repeat; }
.order_content li.td-amount:hover .tip{ opacity: 1; filter:alpha(opacity=1); transition: all .3s; }
.order_content li.td-op a{display: block;}
.order_content li.td-op a:hover{color: #C81623;}


.num-click{ margin: 0 15px 0 56px; }
.dn-click{position: relative; width: 36px; height: 30px; border: 1px solid #ddd; float: left; cursor: pointer;}
.dn-click i{position: absolute; width: 2px; height: 2px; background-color: #999;}
.dn-click i.nw{width: 10px; top: 15px; left: 12px;}
.dn-click i.nh{height: 10px; top: 11px; left: 16px;}
.z-dis{border: 1px solid #d3d3d3; cursor:not-allowed;}
.z-dis i{ background-color:#d3d3d3; }
.dn-input{height: 30px; width: 60px; border: 1px solid #ddd; margin: 0 -1px; text-align: center;}
.cart-wrap .ms_bg.ms_icon{ display: inline-block; cursor: pointer; width: 32px;height: 24px;background: url(../images/shop-cart2.png) no-repeat; margin-top: 3px;}
.cart-wrap .ms_icon.add-cart{ background: url(../images/shop-cart1.png) no-repeat;  }

/*分页导航*/
.pagenav{height: 30px; padding: 10px 0 31px; text-align: center;  margin: 0 auto;}
.pagenav a{display: inline-block; width: 48px; height: 30px; margin: 0 7px; font-weight: 200; line-height: 30px; color: #b0b0b0; font-size: 18px; }
.pagenav .selected{ background:#757575; color:#fff;}
.pagenav  .numbers i{color:#b0b0b0;font-size:24px;vertical-align:-1px;}
.pagenav  .numbers:hover i{color: #fff;}
.pagenav .current{background-color:#757575 ; color: #fff;}
.pagenav a:hover{background-color:#B0B0B0 ; color: #fff;}
.pagenav .fa{font-size: 24px;}
 .icon-29 {position: relative; top: -5px;}

 /*搜索*/
.searchbox2{
    /*position: relative!important;
top: -50px!important;
left: 500px!important;*/
}
.searchbox2{position: relative;height:100%;margin-top: 4px;}
.searchbox2 dl dd{ float: left; margin-right: 10px;}
.searchbox2 dl dd a{color: #999;}
.searchbox2 dl dd a:hover{ color: #d7000f; }
.hot-search{ margin-bottom: 5px; }
.searchbox2 .fs-input input{border:1px solid #ccc;border-right: none; width:216px; font-size: 14px; height:10px; line-height:18px; padding: 8px 0 8px 8px;}
.searchbox2 .fs-input .s_tip{
	position: absolute;
	left: 11px;
	top: 8px;
	font-size: 14px;
	color: #A9A9A9;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
.searchbox2 .fs-input a{width:58px; height:28px; background:#B61D1D; line-height:28px;text-align: center;color:#fff; font-size:14px; cursor: pointer;}
.searchbox2 ul.hot-query{width:451px; height:21px; padding-top:5px;color:#969696;}
.searchbox2 ul.hot-query li a{padding:0 8px; color:#969696;}
.searchbox2 ul.hot-query li a:hover{color:#C40000;}

.stock-select{width:650px;float: left;}
.stock-select .sort-menu{padding:0;float: right;}

/*分类加载更多*/
.pro-cate-more{display: block; width: 82px; height: 24px; line-height: 24px; background-color: #fafafa; padding-left: 8px; margin: 40px auto 0; cursor: pointer; border:1px solid #e9e9e9; font-size: 12px;}
.pro-cate-more i{display: inline-block; position: relative; left: 8px; top: 0; width: 14px; height: 8px; overflow:hidden; background:url("http://www.chuandong.com/product/images/pro-down-icon.png") no-repeat 0 0;}
.pro-cate-more.active i{ transform: rotate(180deg);}
.label_letter{ height: 100px; overflow: hidden;}