/* 全部商品分类 */
#channels{position: absolute; display: none; z-index: 10; top: 173px;}
#channels > li{clear: both; width: 209px; height: 25px; background: url("../images/right_arrow_white.png") no-repeat; background-position: 195px 10px; background-color: #cb2527; border-left: 1px solid transparent;  border-bottom: 1px solid transparent; padding-top: 6px;}
#channels > li:hover{background-color: #ea0000; border-left: 1px solid #cb2527; border-bottom: 1px solid #cb2527; }
#channels > li > a{color: #FFF; font-size: 14px; padding: 0 10px;}
#channels > li > span{float: right; color: ; margin-right: 8px;}
.details{position: absolute; left: 209px; top: 0; width: 800px; background-color: #FFF; border: 1px solid #cb2527; border-top: 2px solid #cb2527; display: none; background-color: #FFF; min-height: 381px;}
.goods{margin-left: 22px; margin-top: 3px;}
.goods.up{margin-top: 15px;}
.goodstitle{position: relative; width: 50px; height: 16px; margin-top: 4px; display: inline-block; vertical-align: top;}
.goodstitle > a{font-weight: bold; float: right;}
.goodstitle > a >span{position: absolute; left: 56px;}
.goods > ul{display: inline-block; width: 650px; margin-left: 35px; padding-bottom: 5px; border-bottom: 1px solid #EEE; vertical-align: text-top;}
#channels .goods > ul a{float: left; border-left: 1px solid #E0E0E0; padding: 0 8px; margin: 5px 0;}
.goods.down > ul{border: none;}
#channels .details a:hover{color: #cb2527}

/* 头部 */
.head .logo{float: left; display: block; margin-top: 30px;}
.head{height: 173px; border-bottom: 2px solid #cb2527;}
.head > .wrap{position: relative;}
.search_bar{float: left; width: 540px; height: 40px; margin-left: 112px; margin-top: 40px;}
.search_text{width:398px; height: 38px; line-height: 38px; font-size: 14px; font-family: "Microsoft Yahei"; padding-left: 60px; border: 1px solid #cb2527; background: url("../images/search.png") no-repeat; background-position: 16px 8px;border-radius:24px 0px 0px 24px;}
.search_button{background:rgba(203,38,39,1);border-radius:0px 24px 24px 0px; display: inline-block; height: 40px; width: 80px; float: right;color: #fff;font-size: 16px; text-align: center;line-height: 40px;}
.search_commend li{float: left; margin-left: 15px; margin-top: 7px;}
.search_commend li:first-child{margin-left: 0;}
.search_commend li:first-child a{color: #cb2527;}
.search_commend li a:hover{color: #cb2527;}
.qrcode{position: relative;float: right; height: 38px; height: 120px; width: 120px; margin-top: 20px; margin-right: 30px;text-align: center;}
.my_cart{position: relative; background: url("../images/cart_icon.png") no-repeat; background-color: #F7F7F7; background-position:16px 12px; float: left; height: 38px; line-height: 32px; width: 120px; border: 1px solid #DADADA; color: #666; font-size: 14px; margin-top: 40px; margin-left: 30px;border-radius:24px}
.cart{width: 100px; height: 100%; display: block; padding-left: 40px; margin-top:3px;}
#cart_number{width: 20px; height: 20px; position: absolute; top:8px; right:12px; background-color: #D02B33; border-radius: 50%; color: #FFF; text-align: center; line-height: 20px; font-size: 12px; cursor: pointer;}
.all_goods{width: 210px; height: 45px; line-height: 45px; text-align: center; background-color: #cb2527; color: #FFF; font-size: 16px; font-weight: bold; position: absolute; bottom: 0; left: 0; cursor: default; cursor: pointer;}
#gift{position: absolute; bottom: 0; left: 210px; z-index: 10;padding-left:30px;}
#gift > li{float: left;height: 43px; line-height: 43px; }
#gift li a{font-size: 14px;display: block;padding: 0 20px;position: relative;}
#gift li a:hover{color: #cb2527;}
#gift .current a{color: #cb2527;}
#gift .send_title{text-align: left; position: relative;}
#gift .arrow{width: 9px; height: 5px; background: url("../images/down_arrow.png") no-repeat; position: absolute; top: 19px; right: 11px;}
#gift .send{border-bottom: none;}
#gift .send:hover{border-color: #DADADA;}
.sidebar_hide{background-color: #FFF; border: 1px solid #DADADA; border-top: none; width: 93px; margin-left: -1px; padding-bottom: 5px; display: none; box-shadow: 0 5px 15px 0 rgba(255,55,55,0.15); -webkit-box-shadow: 0 5px 15px 0 rgba(255,55,55,0.15); -moz-box-shadow: 0 5px 15px 0 rgba(255,55,55,0.15); -o-box-shadow: 0 5px 15px 0 rgba(255,55,55,0.15);}
.sidebar_hide li a {line-height: 30px;}
.sidebar_hide li:first-child{margin-top: -5px;}


.rotate_in{animation: rotate_in 0.3s forwards; -webkit-animation: rotate_in 0.3s forwards; -o-animation: rotate_in 0.3s forwards; -ms-animation: rotate_in 0.3s forwards; -moz-animation: rotate_in 0.3s forwards;}
@keyframes rotate_in{
	0%{
		transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);
	}
	100%{
		transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);
	}
}
/* .rotate_out{animation: rotate_out 0.3s forwards; -webkit-animation: rotate_out 0.3s forwards; -o-animation: rotate_out 0.3s forwards; -ms-animation: rotate_out 0.3s forwards; -moz-animation: rotate_out 0.3s forwards;}
@keyframes rotate_out{
	0%{
		transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);
	}
	100%{
		transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);
	}
} */

/* 关键词选取 */
#keywords{padding-bottom: 50px;}
#keywords .category a:hover{color: #cb2527;}
#keywords .category ul{height: 40px; font-size: 14px;}
#keywords .category ul li{float: left; line-height: 40px;}
#keywords .category ul li:first-child{width: 75px; background: none; background: url("../images/right_arrow.png") no-repeat; background-position: 63px 15px;}
#keywords .category span{padding: 0 15px 0 3px; border: 1px solid #DADADA; margin-right: 3px; background: url("../images/cancel.png") no-repeat; background-position: right center;}
#keywords .category span:hover{border-color: #cb2527; color: #666; background: url("../images/cancel_hover.png") no-repeat; background-position: right center;}
.choose_keywords{width: 1198px; border: 1px solid #DADADA; font-size: 14px; line-height: 14px;}
.choose_keywords > div{border-top: 1px solid #DADADA;}
.choose_keywords > div:first-child{border-top: none;}
.keyword_left{width: 119px; padding: 15px 0 15px 30px; border-right: 1px solid #DADADA; background-color: #F5F5F5; color: #666; display: table-cell; margin-right: -4px; vertical-align: top;}
.brandKeyword_right{width: 1049px; display: table-cell; padding-bottom: 10px; padding-top: 5px; position: relative;}
.brandKeyword_right ul{width: 800px;}
.brandKeyword_right ul li{float: left; margin-left: 40px; margin-top: 10px;}
.brandKeyword_right ul li a{color: #000;}
.brandKeyword_right ul li a:hover{color: #cb2527;}

.keyword_right{width: 1049px; display: table-cell; padding-bottom: 20px; padding-top: 10px; position: relative;}
.keyword_right ul{width: 800px;}
.keyword_right ul li{float: left; margin-left: 40px; margin-top: 10px;}
.keyword_right ul li a{color: #000;}
.keyword_right ul li a:hover{color: #cb2527;}
.more_keyword{width: 28px; border: 1px solid #DADADA; position: absolute; top: 14px; right: 50px; padding: 5px 20px 5px 10px; color: #666; cursor: pointer; background: url("../images/updown.png") no-repeat;}
.more_keyword:hover{color: #cb2527;}
.more_keyword.unfold{background-position: 41px 10px;}
.more_keyword.unfold:hover{background-position: 41px -6px; border-color: #cb2527;}
.more_keyword.fold{background-position: 41px -23px;}
.more_keyword.fold:hover{background-position: 41px -39px; border-color: #cb2527;}

/* 筛选排序 */
.sort{width: 1188px; height: 40px; border: 1px solid #DADADA; background-color: #F5F5F5; margin-top: 10px;  line-height: 40px; font-size: 14px; padding-right: 10px;}
.sort ul{float: left;}
.sort ul li{float: left; height: 40px; width: 89px; border-right: 1px solid #DADADA; text-align: center; background-color: #F5F5F5;}
.sort ul li a{color: #000; display: block; width: 100%; height: 100%;}
.sort .current{background-color: #cb2527;}
.sort .current a{color: #FFF;}
.sort .hover{background-color: #FFF;}
.sort .sortbysales, .sort .sortbyprice{width: 69px;}
.sortbyprice a{text-align: left; padding-left: 18px;}
.pricedomain{float: left;}
.totalnumber, .changepage{float: right;}
.pricedomain{margin-left: 45px;}
.pricedomain input{width: 48px; height: 28px; border: 1px solid #DADADA; margin: 0 5px; padding: 0 5px;}
.pricedomain a{display: inline-block; width: 58px; height: 28px; line-height: 28px; margin-left: 6px; border: 1px solid #cb2527; color: #cb2527; background-color: #FFF; text-align: center;}
.pricedomain a:hover{background-color: #cb2527; color: #FFF;}
.changepage a{display: inline-block; width: 48px; height: 28px; border: 1px solid #DADADA; margin-top: 9px; margin-bottom: 9px; background: url("../images/right_arrow.png") no-repeat center center; background-color: #FFF; }
.changepage a:first-child{margin-right: -5px; background: url("../images/left_arrow.png") no-repeat center center; background-color: #FFF; }
.changepage > div{display: inline-block; vertical-align: top; height: 48px;}
.changepage > div:first-child{margin: 0 30px 0 20px;}
.changepage span{color: #cb2527;}
.totalnumber span{display: inline-block; padding: 0 3px; color: #cb2527;}

/* 商品列表 */
.category a:hover{color: #cb2527;}
.category ul{height: 45px;}
.category ul li{float: left; line-height: 45px; padding-left: 22px; background: url("../images/left_arrow.png") no-repeat; background-position: 10px 18px;}
.category ul li:first-child{font-size: 18px; font-weight: bold; padding-left: 0; background: none;}
.details_left{float: left; width: 400px; height: 555px;}

.goodslist{margin-left: -10px; overflow: hidden; width: 1300px; margin-bottom: 50px;}
.goodslist li{width: 222px; height: 348px; border: 1px solid #DADADA; float: left; margin: 20px 10px 0 10px; overflow: hidden;}
.goodslist li:hover{border-color: #cb2527;}
.pics{width: 222px; height: 224px; text-align: center;}
.pics img{width: auto; height: 100%;}
.price{height: 45px; padding: 0 10px; color: #cb2527; line-height: 14px;}
.points{float: left; font-size: 18px; margin-top: 15px;}
.points span{font-size: 14px;}
.cash{float: right; font-size: 14px; margin-top: 15px;text-decoration:line-through;color: #333;}
.name{padding: 0 10px; font-size: 12px; color: #666; line-height: 15px; height: 32px;}
.name a:hover{color: #cb2527; text-decoration: underline;}

.goodslist .trollet {width:65%;height:32px; margin: 5px auto 0 auto;}
.goodslist .trollet a {display: block; text-align: center; float: left; color: #FFF;font-size:14px;height:32px; line-height:30px; border-radius: 3px;}
.goodslist .trollet a.dec {background-color: #b2a07f; width:40px;}
.goodslist .trollet a.num { width:50px; margin: 0 5px; border: #999 1px solid; color: #000;}
.goodslist .trollet a.inc {background-color: #b2a07f; width:40px;}

.sellers{overflow: hidden; margin-top: 15px; font-size: 14px; line-height: 15px; padding: 0 10px; color: #666;}
.sellers .stores{float: left; padding-left: 14px; background: url("../images/stores.png") no-repeat; background-position: 0 3px;}
.sellers .stores a{}
.sellers .stores a:hover{color: #cb2527;}
.sellers .storeslogo{float: right; color: #FFF; background-color: #cb2527; padding: 2px 3px 3px 3px; border-radius: 2px;}

/* 翻页 */
.pages{width: 1200px; margin:0 auto; margin-bottom: 50px;text-align:center;}
.pages a{display: inline-block; width:36px; height: 36px; line-height: 36px; vertical-align: top; text-align: center; border: 1px solid #DADADA;}
.pages a:first-child{margin-left: none;}
.pages a:hover{border-color: #cb2527;}
.pages .change{width: 73px;}
.pages .current{color: #FFF; background-color: #cb2527; border: none; width: 38px; height: 38px;}
.font{background: url("../images/left_arrow.png") no-repeat; background-position: 12px 12.5px; padding-left: 10px; text-align: right;}
.next{ background-position: 65px 12.5px; text-align: left;}
.pages > div{display: inline-block; vertical-align: top; height: 38px; line-height: 38px; color: #666;margin:0 auto; }
.pages input{width: 26px; height: 36px; border: 1px solid #DADADA; outline: none; padding: 0 5px; margin: 0 5px; text-align: center;}
.totalpages{margin-left: 30px;}
.pagenumber{margin-left: 8px;}
.gotopage{margin-left: 18px;}
.gotopage a{width: 58px;}

/* 店铺推荐 */
.recommend{height: 247px;  border: 1px solid #DADADA;  border-top: 2px solid #999;  margin-top: 20px; background-color: #FFF;}
.title{height: 32px; line-height: 16px; border-bottom: 1px solid #DADADA; font-size: 14px; background-color: #F0F0F0;}
.title li{float: left; padding: 8px 16px; border-top: 2px solid #999; margin-top: -2px; cursor: pointer;}
.title .current{border-top: 2px solid #FF5252; background-color: #FFF; border-right: 1px solid #DADADA; border-left: 1px solid #DADADA; margin-left: -1px; border-bottom: 1px solid #FFF;}
.rec_preview{padding-left: 30px; overflow: hidden;}
.rec_preview li{float: left; width: 150px; height: 170px; margin-top: 18px; margin-right: 44px;}
.rec_pics{display: block; text-align: center;}
.rec_goods_name{width: 150px; height: 30px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.rec_price{color: #cb2527; text-align: center; margin-top: 6px;}
.changebtn{float: right; height: 33px; line-height: 33px; margin-right: 15px;}