.crumbs{margin: 12px auto;}
.crumbs .cont{float: left;font-size: 14px;color: #4a4a4f;line-height: 28px;height: 28px;}
.crumbs .cont a {float: left;}
.crumbs .cont s{float: left;margin: 9px 6px 0;width: 5px;height: 9px;overflow: hidden;background: url(../images/listSprite1.png)no-repeat -76px -43px;}

.left{float: left;min-height: 200px; width: 885px;margin-right: 15px;}
.right{width: 300px;min-height: 200px;float: left;}

/*分类*/
.left .list-sort{padding: 20px;background: #fff;border:1px solid #eee;}
.left .filter.filter-second{margin-top: 12px;}
.filter .filter-left{float: left;width:120px;}
.filter .filter-left .sort-head{font-size: 16px;float: left;line-height: 27px;}
.filter .filter-left .sort-all{font-size: 16px;float: left;cursor: pointer;margin-left: 15px;padding:2px 10px;}
/*.filter .filter-left .sort-all a{display:inline-block;font-size: 16px;float: left;cursor: pointer;margin-left: 15px;padding:2px 10px;}*/
.filter .filter-left .on{font-size: 16px;color:#fff;background: #ffa10d;-webkit-border-radius: 13.5px;-moz-border-radius: 13.5px;border-radius: 13.5px;padding:1px 10px;margin-left: 15px;}
.filter .filter-left .on a{color:#fff;}
.filter .filter-right{float: left;width:720px;margin-top: -3px;}
.filter .filter-right.filter-right-sort{padding-bottom: 10px;border-bottom: 1px solid #eee;}
.filter .filter-right .one-filter li{font-size: 16px;line-height: 26px;float: left;cursor: pointer;position: relative;text-align: center;padding:0 10px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;margin-top: 3px;margin-right: 18px;color: #333;}
.filter .filter-right .one-filter li.on{background: #ffa10d;color:#fff;}
.one-filter li.on a{color:#fff;}
.filter .filter-right .one-filter li.on span{color:#fff;}

.filter.filter-first .one-filter li.on i{border-top-color: #fff;}
.filter.filter-first .one-filter li i{content: '';margin-left: 5px;vertical-align: -3px;border: 6px solid transparent;border-top-color: #d9d9d9;display: inline-block;}
.filter.filter-first .two-filter{position: absolute;z-index: 9999;top: 34px;left:0;background: #fff;border:1px solid #eee;-webkit-box-shadow: 0px 3px 9px 0px rgba(156, 156, 156, 0.14);-moz-box-shadow: 0px 3px 9px 0px rgba(156, 156, 156, 0.14);box-shadow: 0px 3px 9px 0px rgba(156, 156, 156, 0.14);min-width: 448px;padding:15px;display: none;}
.filter .filter-right .one-filter li:hover .two-filter{display: block;}
.filter.filter-first .two-filter li{float: left;min-width:60px;width:auto;margin-right: 10px;padding:0 6px;;}
.filter.filter-first .two-filter li.on a{color:#fff;}
.filter.filter-first .two-filter li a{font-size: 14px;color:#a0a0a0;}
.filter.filter-first .two-filter .arrow{width:480px;height:10px;position: absolute;top:-10px;left:0;z-index: 0;}
.filter.filter-first .two-filter .arrow em{border-width: 8px;left: 26px;top: -7px;position: absolute;display: block;width: 0;height: 0;border-color: transparent transparent #E5E5E5;border-style: solid;z-index: 2;}
.filter.filter-first .two-filter .arrow i{border-width: 7px;left: 22px;top: -4.5px;position: absolute;display: block;width: 0;height: 0;border-color: transparent transparent #fff;border-style: solid;z-index: 3;border-top-color: transparent!important;}


.filter.filter-second .one-filter li.on i{border-top-color: #fff;}
.filter.filter-second .one-filter li i{content: '';margin-left: 5px;vertical-align: -3px;border: 6px solid transparent;border-top-color: #d9d9d9;display: inline-block;}
.filter.filter-second .two-filter{position: absolute;z-index: 9999;top: 34px;left:0;background: #fff;border:1px solid #eee;-webkit-box-shadow: 0px 3px 9px 0px rgba(156, 156, 156, 0.14);-moz-box-shadow: 0px 3px 9px 0px rgba(156, 156, 156, 0.14);box-shadow: 0px 3px 9px 0px rgba(156, 156, 156, 0.14);min-width: 448px;padding:15px;display: none;}
.filter .filter-right .one-filter li:hover .two-filter{display: block;}
.filter.filter-second .two-filter li{float: left;min-width:60px;width:auto;margin-right: 10px;padding:0;}
.filter.filter-second .two-filter li.on a{color:#fff;}
.filter.filter-second .two-filter li a{font-size: 14px;color:#a0a0a0;}
.filter.filter-second .two-filter .arrow{width:480px;height:10px;position: absolute;top:-10px;left:0;z-index: 0;}
.filter.filter-second .two-filter .arrow em{border-width: 8px;left: 26px;top: -7px;position: absolute;display: block;width: 0;height: 0;border-color: transparent transparent #E5E5E5;border-style: solid;z-index: 2;}
.filter.filter-second .two-filter .arrow i{border-width: 7px;left: 22px;top: -4.5px;position: absolute;display: block;width: 0;height: 0;border-color: transparent transparent #fff;border-style: solid;z-index: 3;border-top-color: transparent!important;}


/* 列表浮动筛选 */
.w-sort-bar {position: relative; margin: 15px 0; height: 35px;}
.w-sort-bar .bar-area {position: absolute; left: 0; top: 0; right: 0; z-index: 50;}
.w-sort-bar .bar-area .w-sort-bg{float: left; width: 885px;}
.w-sort-bar .fixed {position: fixed;}
.w-sort-bar .w-sort-bg {background: #f5f5f5; height: 43px; overflow: hidden;}
.w-sort-bar .l {float: left;}
.w-sort-bar .l a {float: left; position: relative; padding: 0 20px; margin-left: -1px; line-height: 43px; font-size: 14px; z-index: 1;}
.w-sort-bar .l a.active {background-color: #fff; border-color: #dfdfdf; color: #ffa10d; z-index: 2;}

/* 箭头 */
.sort-down s, .sort-down-active s, .sort-up s, .sort-up-active s {display: inline-block; width: 10px; height: 11px; background: url('../images/sprite.png'); margin-left: 3px;}
.sort-down s {background-position: -56px -190px;}
.sort-down.active s {background-position: -56px -202px;}
.sort-up s {background-position: -46px -190px;}
.sort-up.active s {background-position: -46px -202px;}

/* 价格 */
.w-sort-bar .l a.price {padding-right: 30px;}
.w-sort-bar .price s, .w-sort-bar .price i {position: absolute; right: 15px; height: 0; width: 0; border: 5px dashed transparent;}
.w-sort-bar .price s {top: 11px; border-bottom-color: #999;}
.w-sort-bar .price i {bottom: 10px; border-top-color: #999;}
.w-sort-bar .active.price-up s {border-bottom-color: #ffa10d;}
.w-sort-bar .active.price-down i {border-top-color: #ffa10d;}

/* 自定义属性 */
.w-sort-bar .r {float: right;}
.w-sort-bar .r .flags {float: left; margin: 12px 0 4px 20px;}
.w-sort-bar .r .flags label {cursor: pointer; float: left; margin-right: 30px;}
.w-sort-bar .r .flags label s {display: inline-block; vertical-align: middle; width: 13px; height: 13px; background: url('../images/sprite.png') -50px -159px; margin: -2px 5px 0 0;}
.w-sort-bar .r .flags label.curr s {background-position: -50px -175px;}



/* 数据列表 */
#mod-item{position: relative;}
#mod-item .loading {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; background: rgba(255,255,255,.7); text-align: center; font-size: 16px; line-height: 315px; filter: Alpha(opacity=70);}

.mod-list ul li{float: left;width: 283px;min-height: 360px;border: 1px solid rgb(238, 238, 238);margin: 11px 15px 11px 0;position: relative;cursor: pointer;}
.mod-list ul li:hover{box-shadow: 0px 3px 18px 0px rgba(226, 226, 226, 0.72);}
.mod-list ul li:nth-child(3n){margin-right: 0;}
.mod-list ul li .img{width: 283px;height: 176px;overflow: hidden;position: relative;}
.mod-list ul li .img img{width:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display: block;}
.mod-list ul li .con{padding: 10px 15px;box-sizing: border-box;}
.mod-list ul li .con h4{color: #333;font-size: 18px;font-weight: bold;width: 249px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-bottom: 10px;height: 37px;}
.mod-list ul li .con .count{color: rgb(160, 160, 160);font-size: 16px;padding-bottom: 8px;}
.mod-list ul li .con .price i,.two-center .slide .list .info .price s i{font-style: normal;color: rgb(255, 50, 46);font-size: 14px;font-weight: bold;}
.mod-list ul li .con .price span{color: rgb(255, 50, 46);font-size: 21px;font-weight: bold;margin-right: 8px;}
.mod-list ul li .con .price s{color: rgb(160, 160, 160);font-size: 16px;}
.mod-list ul li .con .price s i{color: rgb(160, 160, 160);}
.mod-list ul li .con .btn{text-align: center;background-color: #f74427;width: 160px;height: 40px;line-height: 40px;font-size: 16px;font-weight: bold;color: #fff;border-radius: 4px;margin-top: 20px;}
.mod-list ul li .code{position: absolute;bottom: 13px;right:20px;z-index: 2;cursor: pointer;width: 34px;height: 34px; }
.mod-list ul li .code-img{position: absolute;right:60px;top:57px;display:none;z-index: 5;padding:5px;background: #fff;-webkit-box-shadow: 0px 0px 12px 0px rgba(156, 156, 156, 0.45);-moz-box-shadow: 0px 0px 12px 0px rgba(156, 156, 156, 0.45);box-shadow: 0px 0px 12px 0px rgba(156, 156, 156, 0.45);-webkit-animation: flipInY 0.6s ease-out;-moz-animation: flipInY 0.6s ease-out;animation: flipInY 0.6s ease-out;height:155px;}
.mod-list ul li .code-img img{width:155px;height:155px;}
.mod-list ul li .code-img.show{display: block;}
.mod-list ul li .recom{width: 70px; height: 70px;color: #fff;background: url("../images/tj_icon.png")no-repeat;position: absolute;top: 10px;right: 10px;text-align: center;line-height: 70px;font-size: 16px;font-weight: bold; }

/* 分页 */
#mod-item .pagination {height: 50px; padding: 30px 0; display: none; text-align: center;}
#mod-item .pagination-pages a, #mod-item .pagination-pages span {display: inline-block; vertical-align: middle; min-width: 18px; height: 38px; padding: 0 10px; margin: 0 0 0 10px; background-color: #fff; border: 1px solid #d9d9d9; text-align: center; line-height: 38px; font-size: 14px; cursor: pointer; color: #333; text-decoration: none; border-radius: 3px; box-shadow: 0 2px 2px #e7e7e7;}
#mod-item .pagination-pages .curr, #mod-item .pagination-pages .interim {cursor: default;}
#mod-item .pagination-pages .interim {border-color: transparent; background: transparent; box-shadow: none; padding: 0;}
#mod-item .pagination-pages .curr {background: #f8f8f8; color: #ccc; border-color: #e9e9e9; cursor: no-drop;}
#mod-item .pagination-pages a:hover {background-color: #f60; color: #fff; border-color: #f60;}
#mod-item .pagination-pages .prev, #mod-item .pagination-pages .next {padding: 0 8px;}
#mod-item .pagination-pages .disabled {background-color: #999; color: #fff; cursor: default;}
#mod-item .pagination-pages .redirect {display: inline-block; vertical-align: middle; margin-left: 20px; line-height: 40px; font-size: 14px;}
#mod-item .pagination-pages .redirect i {font-style: normal; float: left;}
#mod-item .pagination-pages .redirect input {float: left; width: 50px; margin: 0 5px; padding: 9px 5px; height: 20px; border: 1px solid #d9d9d9; box-shadow: 0 2px 2px #e7e7e7; border-radius: 3px; outline: 0; text-align: center;}
#mod-item .pagination-pages .redirect button {float: left; height: 40px; padding: 9px 15px; margin-left: 10px; background-color: #fff; border: 1px solid #d9d9d9; line-height: 20px; outline: 0; box-shadow: 0 2px 2px #e7e7e7; border-radius: 3px; cursor: pointer; font-size: 14px;}
#mod-item .pagination-pages .redirect button:hover {background-color: #f5f5f5;}




/*最新入驻*/
h2{ font-size: 18px;font-weight: bold;color: #333;}
.right .newest,.right .youlike{padding: 15px 20px; border: 1px solid #eee;border-top: 2px solid #f8c017;margin-bottom: 15px;margin-top: 10px;}
.right .newest p{padding-top:5px;position: relative;}
.right .newest a{display:inline-block;width: 208px;font-size: 16px;color: #333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-right: 12px;}
.right .newest a:hover{color: #f8c017;}
.right .newest span{font-size: 16px;font-weight: bold;color: #a0a0a0;position: absolute;top: 3px;right: 0;}
/*猜你喜欢*/
.right .youlike .item{padding-top: 15px;}
.right .youlike .item .list_rimg{width: 258px;height: 160px;overflow: hidden;position: relative;}
.right .youlike .item img{width:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display: block;}
.right .youlike .item .name{color: #333;font-size: 18px;font-weight: bold;width: 252px;padding:6px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.right .youlike .item .price i,.two-center .slide .list .info .price s i{font-style: normal;color: rgb(255, 50, 46);font-size: 14px;font-weight: bold;}
.right .youlike .item .price span{color: rgb(255, 50, 46);font-size: 21px;font-weight: bold;margin-right: 8px;}
.right .youlike .item .price s{color: rgb(160, 160, 160);font-size: 16px;}
.right .youlike .item .price s i{color: rgb(160, 160, 160);}