.fixedwrap{height: auto;}
.fixedwrap .nav {display: none;}
.filter{background: #f6f6f6; border: 1px solid #ddd; color: #222; border-bottom: 2px solid #f4f4f4;}
.filter .filter-bar{padding-left: 8px; border-bottom: 1px solid #ddd;}
.filter .filter-item{position: relative; background: #fff url(../images/arrow.png) right 8px no-repeat; margin: 7px 0 5px 6px; padding-right: 17px; border: 1px solid #ccc; height: 20px; float: left; z-index: 99;}
.filter .filter-item .selected{height: 20px; line-height: 20px; min-width: 50px; padding-left: 6px; display: block;}
.select-item{background: #fff; border: 1px solid #b2b2b2; position: absolute; top: 20px; left: -1px; width: 110px; display: none;}
.filter .filter-item:hover .select-item{display: block;}
.select-item li a{display: block; line-height: 28px; padding-left: 10px; }
.select-item li a:hover{background: #f5f5f5; color: #333;}
.select-item li.curr{background: #E6E6E6;}
.area-box{position: absolute; top: 20px; left: -1px; width: 446px; padding: 2px 3px 3px; line-height: 22px; background: #fff; border: 1px solid #b2b2b2; display: none;}
.filter .filter-item:hover .area-box{display: block;}
.area-box .area-box-body{padding: 0 4px;}
.area-box .area-all{padding: 6px 0 6px 2px;}
.area-box a{display: block; width: 54px; padding-left: 8px;}
.area-box a{transition: all 0s; -moz-transition: all 0s; -webkit-transition: all 0s; -o-transition: all 0s;}
.area-box a.curr{background: #e6e6e6;}
.area-box .area-around{border-bottom: 1px dashed #ddd; padding: 6px 0 6px 2px;}
.area-box .area-around li{float: left; width: 60px; margin: 0 24px 4px 0;}
.area-box .area-list{padding: 6px 0 6px 2px;}
.area-box .area-list li{float: left; position: relative; margin: 0 24px 4px 0; width: 60px; padding: 2px 0; line-height: 22px;}
.area-box .area-list li.sub .parsent{background: url(../images/filter.png) right -1004px no-repeat;}
.area-box .area-list li.sub:hover .sublist{display: block; z-index: 11;}
.area-box .area-list li.sub:hover .parsent{background: url(../images/areaDown1.png) right center no-repeat;}
.area-box .area-list li .sublist{position: absolute; left: 6px; width: 188px; top: 24px; background: #f8f8f8; border: 1px solid #a4a4a4; padding: 6px; display: none; z-index: 9;}
.area-box .area-list li .sublist li{float: left; margin-bottom: 4px; line-height: 22px; margin-right: 0;}

/*列表*/
.main{margin-top: 20px;}
.main .empty {height: 400px; line-height: 400px; text-align: center; font-size: 16px;}
.main-item{border: 1px solid #eee; height: 244px; margin-bottom: 10px;}
.main-itemL{width: 50%; position: relative; height: 244px;}
.main-itemL .bg{position: absolute; height: 100%; width: 4px; top: 0; right: -3px; background: url(../images/spliter.png) right 50% no-repeat; z-index: 9;}
.main-itemL-body{padding: 38px 0 0 38px;}
.main-title{margin-bottom: 15px;}
.main-itemL .imgbox{margin: 0 20px 0 0; width: 80px; height: 80px;}
.main-itemL .imgbox img{display: block; width: 100%; height: 100%;}
.main-itemL .txtbox{position: relative; overflow: hidden;}
.main-itemL .txt-title{margin: 0 10px 6px 0;}
.main-itemL .txt-title .tit{display: block; max-width: 380px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; }
.main-itemL .txt-title .alitalk{height: 14px; display: block; margin: 4px 0 0 10px;}
.main-itemL .txt-icon{color: #888; font-size: 14px; margin-bottom: 5px;}
.main-itemL .txt-icon span{margin-right: 10px;}
.main-info dl{float: left; width: 49%; margin-bottom: 8px;}
.main-info dt{color: #aaa; width: 80px;}
.cert_item{background: url(../images/icons.gif) no-repeat; width: 23px; height: 23px; float: left; display: block;}
.cert_item_mobile {background-position: 0 0px;}
.cert_item_authen {background-position: -24px 0px;}
.cert_item_permit {background-position: -50px 0px;}
.cert_item_deposit {background-position: -128px 0px;}
.cert_item_fieldwork {background-position: -76px 0px;}
.cert_item_assure {background-position: -102px 0px;}
.main-info .percent{display: block; float: left; margin-right: 10px;}
.main-info .grade{display: block; height: 22px; width: 16px; float: left;}
.main-info .heart{background: url(../images/heart_1.png) 0 2px repeat-x;}
.main-info .diamond{background: url(../images/diamond_1.gif) 0 2px repeat-x; width: 18px;}
.cert_item.custom {width: 16px; height: 16px; line-height: 15px; text-align: center; margin: 4px 3px 0 5px; background: #388300; color: #fff;}


/*列表右边部分*/
.main-itemR{position: relative; overflow: hidden; background: #f8f8f8; padding: 20px 0 0 50px; height: 224px;}
.main-itemR .import{padding-right: 21px; margin-bottom: 10px;}
.main-itemR .import a{margin-right: 12px;}
.goods-list li{float: left; width: 150px; margin-right: 33px; }
.goods-list li a{display: block; width: 150px; height: 150px; position: relative; overflow: hidden;}
.goods-list li .item-offer-title{position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #212121; background-color: rgba(33,33,33,.8); color: #fff; display: block; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transform: scale(1.2); transition: opacity .3s,transform .3s; z-index: 2;}
.goods-list li .item-offer-title:hover{opacity: 1; transform: scale(1); filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;}
.goods-list li .item-offer-title span{padding: 54px 10px 0; display: block; line-height: 1.3em; zoom: 1;}
.goods-list li a:hover .cover{transform: scale(1.2);}
.goods-list li .cover{width: 150px; height: 150px; transition: transform .3s;}
.goods-list li .price{font-size: 16px; font-weight: 700; font-family: arial; color: #c00;}
.goods-list li .price i{font-family: 'Microsoft Yahei'; font-weight: 400; font-style: normal;}
.goods-list li .volume{float: right; color: #999; margin-top: 3px;}
.main-itemR-code{position: absolute; top: 0; right: 0; z-index: 6;}
.main-itemR-code .corner{width: 33px; height: 33px; background: url(../images/icons1.png) 0 -422px no-repeat; position: absolute; top: 0; right: 0; z-index: 2; cursor: pointer;}
.main-itemR-code.show .corner{background-position: 0 -339px;}
.main-itemR-code .qrcode{display: none;background: #fff;height: 244px;width: 134px;padding: 0 33px;border-left: 1px solid #ddd;box-shadow: -2px 0 4px rgba(0,0,0,.1);color: #aaa;text-align: center;-webkit-animation-name: fade-in;-webkit-animation-duration: .3s;animation-name: fade-in;animation-duration: .3s;}
.main-itemR-code.show .qrcode{display: block;}
.main-itemR-code .qrcode .qr{padding-top: 44px; width: 136px; height: 136px;}

/*底部*/
.copyright{text-align: center; margin-top: 80px;}
.copyright p{color: #999; margin: 15px 0;}
.copyright a{margin-right: 10px;}
.flink{text-align: center; padding-bottom: 30px;}


.pagination {padding: 10px 0 30px; text-align: center; line-height: 28px; font-size: 14px; color: #333;}
.pagination li {display: inline-block; margin-right: 5px; border: 1px solid #efefef;}
.pagination li.page_disabled {display: none;}
.pagination li a, .pagination li span {display: block; padding: 0 10px;}
.pagination li a:hover ,.pagination li.page_current span {background: #fe8c18; color: #fff; border-color: #fe8c18;}
.pagination li.page_more span {background: #fff;color: #333; cursor: default;}
.pagination .page_info {display: none;}