body,html{background-color: #f5f5f7;}
.filter{background-color: #fff;}
/*筛选*/
.filter dd{padding:0;}
.filter dd a{padding:3px 15px;}
.filter .area{position: relative;display: block;margin: 0 0 10px;padding: 10px 20px; border:none;background-color: #f5f5f7;}
.filter .pos-item a s{position: absolute; left: 50%; bottom: 0; height: 0; width: 0; margin-left: -8px; border-style: solid; border-width: 0 8px 8px; border-color: transparent;border-bottom-color: #f5f5f7;display: none;}
.filter .pos-item a.curr s{display: block;}
.filter .t-fi dd .pos-item a { white-space: nowrap;position: relative;}
.filter .t-fi .area{display: none;}
.filter .t-fi .pos-sub-item {line-height: 28px;}
.filter .t-fi .pos-sub-item a {margin-right: 20px;}
.filter .t-fi .pos-sub-item a.curr{font-weight: 700; color: #f1370b;}
.fi-state dd a{background-color: #f5f5f7;}

/*价格*/
.filter .price{margin:0;}
.filter .inp_price{float: left;}
.filter .inp_price .p1, .filter .inp_price .p2 {width: 60px; padding: 0 4px; height: 28px; border: solid 1px #f0f2f7; line-height: 30px;  margin: 0 4px;background: #fff;color:#bbbcc4;outline: none;}
.filter .inp_price .btn {width:60px;height: 28px; display: inline-block; padding: 0 10px; background: #f1370b; color: #fff; margin: 6px 0 0 5px;vertical-align: top; line-height: 30px; cursor: pointer; white-space: nowrap; -webkit-background-clip: padding-box;-moz-background-clip: padding;  background-clip: padding-box; border: 0;font-size: 14px;outline: none}
.filter .inp_price input::-webkit-input-placeholder {color: #bbbcc4;}
.filter .inp_price input::-moz-input-placeholder {color: #bbbcc4;}
.filter .inp_price input::-ms-input-placeholder {color: #bbbcc4;}
/*单价/总价*/
.filter .zjbox{display: none;}
.filter .zjbox.zshow{display: block;}
.filprice{display: inline-block;margin-left: 10px;border:solid 1px #f1370b;height: 28px;line-height: 28px;color:#f1370b;border-radius: 2px;}
.filprice span{padding:0 5px;display: inline-block;cursor: pointer;}
.filprice span.curr{background-color: #f1370b;color:#fff;}

/* 侧栏 */
.sidebar {float: right; width: 300px; margin-top: 40px;}
.sidebar .salehbox{width: 300px;height: 202px;overflow: hidden;margin-bottom: 20px;}
.sidebar .salehbox img{width: 100%;height: 100%;display: block;}
.sidebar .mapbox{width: 300px;height: 239px;margin-bottom:20px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;overflow: hidden;}
.sidebar .mapbox a,.sidebar .salehbox a{display: block;}
.sidebar .mapbox img{display: block;width: 100%;height: 200px;}
.sidebar .mapbox span{display: block;font-size: 14px;color:#fff;height: 39px;line-height: 39px;text-align: center;background-color: rgb(255, 177, 53);}
.sidebar .lp_box{margin-bottom: 20px;}
.sidebar .lp_box .lp_title{height: 36px;background-color:#fafafb;line-height: 36px;border-left:solid 4px #f1370b;padding-left:9px;font-size: 16px;color:#37383b;font-weight: bold;margin-bottom: 2px;}
.sidebar .lp_box ul{width: 298px;height: auto;border:solid 1px #ebebed;background-color:#fff;padding:15px 0;}
.sidebar .lp_box ul li{padding:6px 10px;}
.sidebar .lp_box ul li a{display: block;}
.sidebar .lp_box ul li:hover{background: #fafafa;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.sidebar .lp_box ul li:hover a{color:#2974ff;}
.sidebar .lp_box ul li p{font-size: 14px;color:#58595e;line-height: 30px;}
.sidebar .lp_box ul li p em{font-size: 12px;color:#d3d4de;margin:0 10px;}
.sidebar .lp_box ul li p span{float: right;font-size: 12px;color:#9fa1ab;}
.sidebar .lp_box .lp_news a{font-size: 14px;color:#58595e;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sidebar .lp_box .lp_news a em{color:#878891;margin-right: 8px;}

/* 内容 */
.main_con {float: left; width: 880px;}
.main_con .totalCount{float: right;}
.main_con .m-t {position: relative; z-index: 1; height: 40px; line-height: 40px; border-bottom:solid 2px #f1370b;background-color: #f5f5f7;}
.main_con .m-t ul {float: left; position: relative;}
.main_con .m-t ul li {float: left;}
.main_con .m-t ul a {display: block; padding: 0 28px; font-size: 16px; font-weight:bold;margin-right: 1px;}
.main_con .m-t ul .curr a { height: 40px; line-height: 40px; color: #fff; background-color: #f1370b;  }


/* 排序 */
.m-o {height: 42px; line-height: 42px;background: #fff;margin-bottom: 10px;}
.m-o .m-l {float: left;}
.m-o .m-r {float: right;}
.m-o a {position: relative;}
.m-o .m-l a {padding: 0 20px;font-size: 14px;font-weight: bold;color:#94959c;}
.m-o a.curr {color: #f1370b;}
.m-o .ob s {position: absolute; right: 5px; top: 2px; width: 16px; height: 16px;background:url(../images/icon_down.png) no-repeat center center;}
.m-o .ob.curr s {background:url(../images/icon_down1.png) no-repeat center center;}
.m-o .ob.up s {background:url(../images/icon_up.png) no-repeat center center;}
.m-o .ob.up.curr s {background:url(../images/icon_up1.png) no-repeat center center;}

/* 列表 */
.main_con .lplist{margin-top: 20px;}
.main_con .lplist li{border-bottom: solid 1px #f0f1f7;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-color: #fff;position: relative;padding:5px 0;margin-bottom: 20px;}
.main_con .lplist li:hover{-webkit-box-shadow: 0px 0px 13px 0px rgba(0, 9, 61, 0.13);-moz-box-shadow: 0px 0px 13px 0px rgba(0, 9, 61, 0.13);box-shadow: 0px 0px 13px 0px rgba(0, 9, 61, 0.13);}

.main_con .lplist li:last-child{border-bottom: 0;}
.main_con .lplist li .infbox{position: relative;padding:15px 30px 15px 58px;}
.main_con .lplist li .infbox .lptit{height: 33px;line-height: 33px;}
.main_con .lplist li .infbox h2{font-size: 22px;color:#212121;max-width: 600px;float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-right: 7px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.main_con .lplist li .infbox .manage{color:#4884ff;font-size: 14px;display: none; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;-webkit-animation: bottomFadeIn .3s ease-out;-moz-animation: bottomFadeIn .3s ease-out;animation: bottomFadeIn .3s ease-out;}
.main_con .lplist li .infbox .lpinf{font-size: 14px;color:#797a82;line-height: 28px;margin:10px 0 0;}
.main_con .lplist li .infbox .lpinf .priCo{font-size: 14px;color:#f1370b;font-weight: bold;}
.main_con .lplist li .infbox .lpinf em{font-size: 12px;color:#d3d4de;margin: 0 7px;}
.main_con .lplist li .infbox .lpinf .link{float:right;}

.main_con .lplist li .markbox{position: absolute;top:0;left:0;font-size: 12px;color:#fff;}
.main_con .lplist li .markbox .m_mark{width: 50px;height: 24px;line-height: 22px;-webkit-border-radius: 0 0 10px 0; -moz-border-radius: 0 0 10px 0;border-radius: 0 0 10px 0;color:#fff;text-align: center;display: block;position: absolute;left:0;z-index: 2;}
.main_con .lplist li .markbox .m_qz{background: -moz-linear-gradient( 0deg, rgb(255,162,0) 0%, rgb(255,195,11) 100%);background: -webkit-linear-gradient( 0deg, rgb(255,162,0) 0%, rgb(255,195,11) 100%);background: -ms-linear-gradient( 0deg, rgb(255,162,0) 0%, rgb(255,195,11) 100%);}
.main_con .lplist li .markbox .m_qg{background: -moz-linear-gradient( 0deg, rgb(34,112,255) 0%, rgb(87,142,255) 100%);background: -webkit-linear-gradient( 0deg, rgb(34,112,255) 0%, rgb(87,142,255) 100%);background: -ms-linear-gradient( 0deg, rgb(34,112,255) 0%, rgb(87,142,255) 100%);}



.pagination{margin:30px 0;}


