/**
* 分类
* 2017.05.31
* 小胖
*/
body,html{background-color: #fff;}
/*搜索样式*/
.search-con{width: 100%; display: none; background-color: #fff;}
.search{height: 4rem; overflow:hidden; border-bottom:1px solid #ccc;}
.search-close{float: left; width: 15%; text-align: center; line-height: 4rem;}
.search-close i{color:#999; font-size: 2.1rem; display: block;}
.search-input{float: left; width: 80%; border:1px solid #ccc; height:3rem; margin-top:0.5rem; border-radius: 4px; overflow: hidden; position: relative;}
.search-input input{ float: left;  height: 3rem; text-indent: 0.5rem; width: 100%;    font-size: 1.2rem;}
.search-input i{position: absolute; top:0; right: 0; height: 3rem; width: 4rem; line-height:3rem; border-left: 1px solid #ccc; text-align: center; color: #999;}
.search-history{ padding:1rem; overflow: hidden;}
.search-history p{font-size: 1.2rem; color:#393939;}
.search-history i{font-size: 1.4rem; color:#393939; float: right;}
.search-history ul{overflow: hidden;}
.search-history ul li{float:left;  margin:0.5rem; }
.search-history ul li a{color: #686868; font-size: 1rem; padding:0.2rem  0.5rem; background-color: #f0f2f5; border-radius: 3px; display: inline-block;}
.search-hot{ padding:1rem; overflow: hidden;}
.search-hot p{font-size: 1.2rem; color:#393939; line-height: 2rem;}
.search-hot i{font-size:3rem; color:#f00; float: right;}
.search-hot ul{overflow: hidden;}
.search-hot ul li{float:left;  margin:0.5rem; }
.search-hot ul li a{color: #686868; font-size: 1rem; padding:0.2rem 0.5rem; background-color: #f0f2f5; border-radius: 3px; display: inline-block;}
/*列表样式*/
.category{}
.category-top{height: 4rem;  width: 100%; position: fixed; top:0; left:0; z-index: 99;}
.category-top-con{max-width: 640px;  margin: 0 auto; background:#fff;height: 4rem; line-height: 4rem;}
.category-con{margin-top: 4rem; min-height: 100%; height: 100%; }
.category-left{}
.category-left-con{width: 25%; position: fixed;left: 0; top:4rem;bottom:4.5rem;overflow-y: scroll;background:#fff; border-right: 1px solid #e5e5e5; box-sizing: border-box;}
.category-left-con ul{}
.category-left-con ul li{line-height:2rem;background:#fff; border-bottom:1px solid #e5e5e5; padding:0.5rem 0.2rem;}
.category-left-con ul li.active a{color: #ff0000} 
.category-left-con ul li a{font-size:1rem;color:#393939; display: block; text-align: center;}
.category-right{}
.category-right-con-box{width: 75%; position: fixed;left: 25%; top:4rem;bottom:4.5rem;overflow-y: scroll;}
.category-right-con{background:#fff;}
.category-right-con h3{margin:0.5rem;  margin-top:0.5rem; font-size: 1.2rem;color:#393939;  line-height:3.5rem; background:#fff;position:relative;}
.category-right-con h3 span{}
.category-right-con h3 span a{border-bottom:1px solid #f00; margin: 1%;  font-size:1.2rem;color:#393939; display: block; text-align: left; line-height: 2.5rem; font-weight: 600;}
.category-right-con h3 span a i{font-size: 1rem; margin-left: 0.5rem; }
.category-right-con ul{overflow: hidden; display: flex; display: -webkit-flex;justify-content: flex-start; flex-direction: row; flex-wrap: wrap;}
.category-right-con ul li{width: 33%; text-align: center; margin: 0.5rem 0; box-sizing: border-box; height: 5rem; display: table;}
.category-right-con ul li:nth-child(3n+1) span{ /*border-right:1px solid #f0f0f0;*/ background: url("../images/01/hs.png") no-repeat; background-size: 1px 18px; background-position: right;}
.category-right-con ul li:nth-child(3n+2) span{ /*border-right:1px solid #f0f0f0;*/ background: url("../images/01/hs.png") no-repeat; background-size: 1px 18px;background-position: right;}
.category-right-con ul li a{background:#fff;  display: table-cell;vertical-align: middle; position: relative;}
.category-right-con ul li img{ height:7rem; }
.category-right-con ul li span{display: block; text-align: center; line-height: 1.8rem; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word; font-size: 1.1rem; padding:0 0.5rem; }
.category-list-img{height: 7rem; line-height:7rem;}
.category-right-con ul li.active a i{background: url("../images/hot.png") no-repeat; background-size: 20px 10px;background-position: right; width: 20px; height: 10px; display: block; position: absolute; top:0;right:2px;}
/*.category-right-con ul{margin:0.5rem; overflow: hidden;}
.category-right-con ul li{min-height:3rem; background:#fff; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; width: 100%; padding:0.5rem;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-word; position:relative;}
.category-right-con ul li:nth-child(2n+1){border-right:1px solid #e5e5e5; }
.category-right-con ul li:nth-child(2n){border-left:1px solid #fff; }
.category-right-con ul li a{}
.category-right-con ul li span{font-size: 1rem;background: url(../../dist/images/index/arrow_rt.png) no-repeat right center;background-size: 1rem 1rem;display: inline-block;float: right;padding-right: 1.5rem;position: absolute;top: 0;right:1.5rem; height: 3.5rem; line-height: 3.5rem;}*/

/*商品列表公共样式*/
.category-goods-list-box{clear: both;}
.category-goods-list{ background: #fff;position: relative; /*border:1px solid #bfbfbf;*/ margin: 1%; width: 48%;float: left; box-sizing: content-box; }
.category-goods-list a{overflow: hidden; display: block; padding:0.5rem; display: -webkit-box;}
.category-goods-left{text-align: center; display: inline-block;width: 6rem; position: relative;}
.category-goods-left img{height: 6rem; max-width: 6rem;width: auto;}
.category-goods-sellout{display: none;}
.category-goods-sellout-active{position: absolute; bottom:0rem; right: 0rem; background: url("../images/sell_out.png") no-repeat; background-size: 4rem 4rem; width: 4rem; height: 4rem;}
.category-goods-right{-webkit-box-flex: 1;box-flex: 1;height:auto;  margin-left:0.5rem; }
.category-goods-right h4{text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; color: #232326; font-size: 1.1rem;overflow: hidden; line-height: 1.5rem; height:3rem;font-weight: bold;}
.category-goods-right p{color:#808080; font-size: 1rem; line-height: 2.5rem; display: none;}
.category-goods-right p.old-price{text-decoration: line-through;}
.category-goods-right p i{color:#808080; font-style: normal; margin-left:1rem;}
.category-goods-right p span{color:#f00;}
/*.category-goods-borrow{position: absolute; bottom:1rem; right: 4.2rem; border: 1px solid #bfbfbf; border-radius: 4px; width: 2.2rem; height: 2.2rem; line-height: 2.2rem; display: inline-block; text-align: center;}
.category-goods-borrow i{font-size: 2rem; color: #686868;}*/
.category-goods-btn{position: absolute; bottom:0.5rem; right: 0.5rem; overflow: hidden;}
.category-goods-other-btn{float: left; display:inline-block;}
.category-goods-add{ float: left; width: 2rem; height: 2rem; line-height: 2rem;  border-radius:50%;  display:inline-block; text-align: center; background: #ff0000;font-size: 1.6rem; color: #fff;}
.category-goods-del{ float: left; width: 2rem; height: 2rem; line-height: 2rem;  border-radius:50%;  display:inline-block; text-align: center; background: #ff0000;font-size: 1.6rem; color: #fff;}
.category-goods-num{ float: left; width: 2rem; height: 2rem; line-height: 2rem;  background: #f0f0f0; color: #000; text-align: center; font-size: 1.2rem;}
.category-goods-filter {height: 3rem;}
.category-goods-filter-box{height: 3rem;}
.category-goods-filter-con{position:fixed; left: 0; top:3rem; z-index: 9;width: 100%;background: #f0f0f0;}
.category-goods-filter-con ul{display: flex;display: -webkit-box;  max-width: 640px; margin: 0 auto;border-bottom: 1px solid #bfbfbf;}
.category-goods-filter-con ul li{width:25%; flex: 1;-webkit-box-flex: 1; line-height: 3rem; height: 3rem; text-align: center; font-size: 1.1rem; color: #393939;}
.category-goods-filter-con ul li i{font-size: 1.7rem;color: #393939;vertical-align: middle;}
.category-goods-filter-con ul li.active span{color: #f00;}
.category-goods-filter-con ul li.active i{color: #f00;}


.category-right-tjts{}
.category-right-tjts-banner{/*margin:0.5rem;*/}
.category-right-tjts-banner ul{}
.category-right-tjts-banner ul li{ overflow: hidden; width: 100%; }
.category-right-tjts-banner ul li a{padding: 0.5rem; display: block;width: 100%; box-sizing: border-box;}
.category-right-tjts-banner ul li img{display: block;width: 100%;  border-radius: 6px;}
.category-right-tjts-book{padding:0.5rem;}
.category-right-tjts-book h3{line-height:2rem; height: 2rem;font-size: 1.2rem; color: #393939; font-weight: 600;}
.category-right-tjts-book ul{display: flex; display: -webkit-flex; justify-content: flex-start; flex-direction: row; flex-wrap: wrap;}
.category-right-tjts-book ul li{width: 31%; padding:1%;}
.category-right-tjts-book-img{ text-align: center; height: 7rem; padding-top:0.5rem;}
.category-right-tjts-book-img img{height: 7rem;}
.category-right-tjts-book-name{ text-align: center; font-size: 0.8rem; color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width: 100%;display: block; line-height: 2rem; height: 2rem;}


.category-other-con{margin-top: 4rem; min-height: 100%; height: 100%; }
.category-other-left{}
.category-other-left-con{width: 25%; position: fixed;left: 0; top:4rem;bottom:4.5rem;overflow-y: scroll;background:#fff; border-right: 1px solid #e5e5e5; box-sizing: border-box;}
.category-other-left-con ul{}
.category-other-left-con ul li{background:#fff;  position: relative;}
.category-other-left-con ul li.active .category-other-left-parent a{color: #ff0000;} 
.category-other-left-con ul li.category-other-left-ui.arrow-down:after{content: "\e6a6"; position: absolute; top: 1rem; right: 1px; color: #f00; font-family: "iconfont" !important;font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; font-weight: bold;}
.category-other-left-con ul li.category-other-left-ui.arrow-upward{height: auto;}
.category-other-left-con ul li.category-other-left-ui.arrow-upward:after{content: "\e6a5"; position: absolute; top: 1rem; right: 1px; color: #f00; font-family: "iconfont" !important;font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; font-weight: bold;}

.category-other-left-con ul li a{font-size:1rem;color:#393939; display: block; text-align: left;}
.category-other-left-parent{ line-height:2rem;   border-bottom:1px solid #e5e5e5; position: relative;}
.category-other-left-parent a{padding:0.5rem;}
.category-other-left-child {display: none;}
.category-other-left-child a{line-height:2rem; padding: 0.5rem 1rem;padding-right: 0.5rem;  border-bottom:1px solid #e5e5e5;}
.category-other-left-child a.active{color: #ff0000; background-color: #fff;} 
.category-other-right{}
/*.category-other-right-con-box{width: 75%; position: fixed;left: 25%; top:4rem;bottom:4.5rem;overflow: hidden;overflow-y: scroll;}*/
.category-other-right-con-box{width: 75%; /*position: fixed;left: 25%; top:4rem;bottom:4.5rem;*/overflow: hidden;overflow-y: scroll; margin-left: 25%; margin-right: 25%;}
.category-other-right-con{background:#fff;}
.category-other-right-con h3{margin:0.5rem;  margin-top:0.5rem; font-size: 1.2rem;color:#393939;  line-height:3.5rem; background:#fff;position:relative;}
.category-other-right-con h3 span{}
.category-other-right-con h3 span a{border-bottom:1px solid #f00; margin: 1%;  font-size:1.2rem;color:#393939; display: block; text-align: left; line-height: 2.5rem; font-weight: 600;}
.category-other-right-con h3 span a i{font-size: 1rem; margin-left: 0.5rem; }
/*.category-other-right-con ul{overflow: hidden; display: flex; display: -webkit-flex;justify-content: flex-start; flex-direction: row; flex-wrap: wrap;}
.category-other-right-con ul li{width: 33%; text-align: center; margin: 0.5rem 0; box-sizing: border-box; height: 5rem; display: table; }
.category-other-right-con ul li:nth-child(3n+1) span{ background: url("../images/01/hs.png") no-repeat; background-size: 1px 18px; background-position: right;}
.category-other-right-con ul li:nth-child(3n+2) span{ background: url("../images/01/hs.png") no-repeat; background-size: 1px 18px;background-position: right;}
.category-other-right-con ul li a{background:#fff;  display: table-cell;vertical-align: middle; }
.category-other-right-con ul li img{ height:7rem; }
.category-other-right-con ul li span{display: block; text-align: center; line-height: 1.8rem; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word; font-size: 1.1rem; padding:0 0.5rem; }
.category-other-list-img{height: 7rem; line-height:7rem;}
.category-other-right-con ul li.active a i{background: url("../images/hot.png") no-repeat; background-size: 20px 10px;background-position: right; width: 20px; height: 10px; display: block; position: absolute; top:0;right:2px;}*/

.category-other-right-tjts{}
.category-other-right-tjts-banner{/*margin:0.5rem;*/}
.category-other-right-tjts-banner ul{}
.category-other-right-tjts-banner ul li{ overflow: hidden; width: 100%; }
.category-other-right-tjts-banner ul li a{padding: 0.5rem; display: block;width: 100%; box-sizing: border-box;}
.category-other-right-tjts-banner ul li img{display: block;width: 100%;  border-radius: 6px;}
.category-other-right-tjts-book{padding:0.5rem;}
.category-other-right-tjts-book h3{line-height:2rem; height: 2rem;font-size: 1.2rem; color: #393939; font-weight: 600;}
.category-other-right-tjts-book ul{display: flex; display: -webkit-flex; justify-content: flex-start; flex-direction: row; flex-wrap: wrap;}
.category-other-right-tjts-book ul li{width: 31%; padding:1%;}
.category-other-right-tjts-book-img{ text-align: center; height: 7rem; padding-top:0.5rem;}
.category-other-right-tjts-book-img img{height: 7rem;}
.category-other-right-tjts-book-name{ text-align: center; font-size: 0.8rem; color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width: 100%;display: block; line-height: 2rem; height: 2rem;}

.goods-right{margin-left: 0.2rem;}
.goods-borrow{right: 3.5rem;}
.goods-cart{right: 0.5rem;}