/* 
 zm-巴速狗-手机端三级页面
 2017-03-14 
*/
*{ margin:0; padding:0;}
* {-webkit-tap-highlight-color: transparent;outline: 0;}
html { height: 100%; width: 100%; font-family: 'Heiti SC', 'Microsoft YaHei'; font-size: 100px; outline: 0; -webkit-text-size-adjust:none;}
body {margin: 0 auto;min-width: 320px;max-width: 640px;background: #fff;font-size:14px;font-family: -apple-system,Helvetica,sans-serif;line-height: 1.5;color: #666;
-webkit-text-size-adjust: 100% !important;}
body {background: #f2f2f2;}
img {border: 0 none;vertical-align: top;}
ol,ul {list-style: none;}
a img {border:0}
ul, ol, li {list-style-type:none;vertical-align:0}
a {outline-style:none;color:#535353;text-decoration:none}
a:hover {text-decoration: none}
em, i {font-style: normal;}
select {font-size: 100%;font-family: inherit;} 
div{ display:block;}

/*设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}



.wrap{ min-height: 375px; padding-bottom:140px; z-index:8;}
.search_head {position: relative;z-index: 104;}

.search_head_fixer {position: fixed;top: 0;left: 0;right: 0; margin: 0 auto;max-width: 640px;
background-color: #e8e8ed;z-index: 101;-webkit-transition: -webkit-transform .5s ease;transition: -webkit-transform .5s ease;transition: transform .5s ease;transition: transform .5s ease,-webkit-transform .5s ease;}



/*顶部搜索框*/
.mod_searchbar_inner {position: relative;box-sizing: border-box;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;
height: 44px; overflow: hidden;}
.mod_searchbar.search .mod_searchbar_inner{background-color:#fff;}
.mod_searchbar.search .mod_searchbar_tags{background-color: #f2f2f7;}
.mod_searchbar_tags {position: relative;box-sizing: border-box;display: block;-webkit-box-flex: 1; -webkit-flex: 1;flex: 1;width: 100%; margin: 0 0 0 10px;padding: 0 10px 0 30px;height: 28px;border-radius: 14px; -webkit-transform: translateZ(1px);transform: translateZ(1px);overflow: hidden; z-index: 2;}
.mod_searchbar_tags_inner {font-size: 0;font-family: none;white-space: nowrap;-webkit-overflow-scrolling: touch;overflow: hidden;overflow-x: auto;position: relative;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

.mod_searchbar_tags_del{ position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);
transform: translateY(-50%);width: 25px;height: 25px;background:url(image/error.png) 50% no-repeat; background-size: 15px auto;}

.mod_searchbar_tags::before {content: "";position: absolute;left: 0;top: 0;width: 30px; height: 28px;border-radius: 14px 0 0 14px;background: #f2f2f8 url(image/search.png) 10px no-repeat;
background-size: 15px auto;z-index: 1;}
.search_btn{position: relative;display: block;margin-right: 10px;padding: 0 10px;height: 28px;line-height: 28px;text-align: center;font-size: 14px;border-radius: 2px;z-index: 2;}


/*筛选框*/
.pro_filter_wrap {min-height: 85px;position: relative;background-color: #fff;}
.pro_filter_wrap .inner {position: relative;height: 40px;}
.pro_filter {position: relative;min-height: 40px;background-color: #fff;}
.pro_filter_more {min-height: 45px;font-size: 12px;overflow: auto;-webkit-overflow-scrolling: touch;
background-color: #fff;}
.pro_filter_more > ul{box-sizing: border-box;position: relative;padding: 10px 15px;
height: 45px;text-align: center;}
.pro_filter_more .item{box-sizing: border-box;}
.pro_filter_more .item { float: left;width: 25%;font-size: 12px;padding-right: 10px;}
.pro_filter_more .item a {display: block;position: relative;padding: 0 5px;height: 25px;line-height: 25px;color: #666;background-color: #f2f2f7;border-radius: 2px;}

/*重置,确定按钮*/
.pro_filter_wrap .inner .btns {display: none;position: relative;z-index: 1; background-color: #fff;}
.pro_filter_wrap .inner .btns.show {display: -webkit-box;display: -webkit-flex;display: flex;overflow: hidden;}
.pro_filter_wrap .inner .btns .btn {display: block;width: 100%;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
.pro_filter_wrap .inner .btns .btn {position: relative;padding: 0 15px;height: 45px;line-height: 45px;
font-size: 16px;text-align: center;}
.pro_filter_wrap .inner .btns .btn.btn_1 {background: #f2f2f7; color: #333;}
.pro_filter_wrap .inner .btns .btn.btn_2 {background: #3985ff;color: #fff;}



/*筛选弹出框*/
.pro_filter_wrap .inner .item_options{display: none;position: relative;width: 100%;color: #333; background-color: #fff;-webkit-overflow-scrolling: touch;overflow: hidden;overflow-y: auto;z-index: 1001111;}

.pro_filter_wrap .inner.more_expand .pro_filter_more .item_options{display: block;margin-top: -2px;}
.selection, .selection li { position: relative;}
.selection li {overflow: hidden;text-overflow: ellipsis; white-space: nowrap;box-sizing: border-box;
height: 45px;line-height: 45px;font-size: 14px;color: #333;}
.selection.line_cols_2 li {float: left;width: 50%;}
.selection.checkbox li {padding: 0 10px 0 30px;background:url(image/index.png) 10px no-repeat;background-size: 15px auto;}
.selection.checkbox li.cur{color:red;padding: 0 10px 0 30px;background:url(image/indexed.png) 10px no-repeat;background-size: 15px auto;}
.selection li:not(:last-child):before {content: "";position: absolute;z-index: 1;pointer-events: none;background-color: #e5e5e5;height: 1px;left: 0;right: 0;bottom: 0;}
.selection.line_cols_2 li:nth-child(2n):after {content: ""; position: absolute;z-index: 1;pointer-events: none;background-color: #ddd;width: 1px;top: 0;bottom: 0;left: 0;top: 13px;bottom: 13px;}

.selection{ position:relative; width:100%; overflow:hidden;}

/*重置,确定按钮*/
.button{ position:relative; width:100%; height:45px; line-height:45px; font-size:14px;}
.button a{ width:50%; display:block; float:left; text-align:center}

/*resetBtn 重置*/
.resetBtn{ border-top:1px #e5e5e5 solid; color:#333; }


/*confirmBtn 确定*/
.confirmBtn{ background:#ff4400;border-top:1px #ff4400 solid;  color:#fff; }



/*点击筛选,弹出框*/
.sc-layer{-webkit-transition: -webkit-transform .25s ease;transition: -webkit-transform .25s ease;
transition: transform .25s ease;transition: transform .25s ease,-webkit-transform .25s ease;-webkit-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0);position: fixed;width: 85%;
top: 0;bottom: 0;left: 100%;height: 100%; background-color: #f2f2f2;}
.sc-layer.show{z-index: 301;-webkit-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0);}

/*sc-layer-title*/
.sc-layer .sc-layer-title{height: 44px;line-height: 46px; background-color: #fff; border-bottom: 1px solid #ddd;position: absolute;top: 0;left: 0;right: 0; z-index: 10;padding: 0 10px;}
.sc-layer .sc-layer-title{ line-height:46px;}
.sc-layer .sc-layer-title .left{ float:left;}

.sc-btn-gray{border: none;background: none;-webkit-appearance: none;appearance: none;border-radius: 0;}
.sc-btn-gray{color: #666;border-radius: 2px;border: 1px solid #ddd;background-color: #fff;}
.sc-btn-gray,.sc-btn-primary{display: inline-block;vertical-align: middle;margin-top: -2px;height: 28px;line-height: 28px;
padding: 0 10px;}
.sc-btn-primary{border: none;background: none;-webkit-appearance: none;appearance: none;border-radius: 0;}
.sc-btn-primary{background: #3985ff;color: #fff;border-radius: 2px;}
.hide{display: none!important;}

.sc-layer .sc-layer-title .tit{ position: absolute;left: 70px;right: 70px;top: 0;height: 100%;
text-align: center;font-size: 16px;font-weight: 400;color: #333;}
.sc-layer .sc-layer-title .right{ float:right;}


/*sc-layer-sub-title*/
.sc-layer-sub-title{position: absolute;top: 45px;left: 0;right: 0; padding: 0 10px; height: 30px;line-height: 30px;border-bottom: 1px solid #ddd; background-color: #fff;z-index: 10;}

/*sc-layer-sub-con*/
.sc-layer-sub-con{-webkit-overflow-scrolling: touch;overflow: hidden;overflow-y: auto;box-sizing: border-box;position: absolute;top: 55px;left: 0;right: 0;bottom: 0;z-index: 1;}

/*mod-list*/
.mod-list{margin-top: -1px;margin-bottom: 10px;border-top: 1px solid #ddd;}
.mod-list{ background:#fff;}
.mod-list li.li{padding-right: 26px}
.mod-list li { border-bottom: 1px solid #eaeaea;}
.mod-list li { min-height: 20px;line-height: 20px; padding: 10px;position: relative;}
.sc-layer .mod-list li {font-family: arial;}
.mod-list li.li::after{display: block;content: "";width: 8px;height: 13px;background-image:url(image/right-icon.png);background-size: 8px 13px;position: absolute;top: 14px;
right: 10px;}
.list_inner::after{ content: "";display: block;clear: both;}
.mod-list .li_line {display: -webkit-box;display: -webkit-flex;display: flex;}
/*big*/
.sc-layer .mod-list li .big {height: 20px;max-width: 250px;overflow: hidden;text-overflow: ellipsis;}
.mod-list .li_line .big{float: none;}
.mod-list li .big{float: left; color: #333;}
/*right*/
.mod-list li .right {float: right; color: #999;}
.sc-layer .mod-list li .right {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;margin-left: 5px;text-align: right;}

/*tags_selection*/
.tags_selection{margin: 15px 7px 15px 15px;font-size: 12px;text-align: center; overflow:hidden;}
.tags_selection .option {box-sizing: border-box;float: left;width: 33.33%;padding-right: 8px;
height: 30px;line-height: 30px; margin-bottom: 10px;}
.tags_selection .option a {position: relative;display: block; background-color: #fff;}



.pro_filter .pro_filter_items{display: -webkit-box;display: -webkit-flex;display: flex;overflow: hidden;}
.pro_filter .pro_filter_items {font-size: 14px;position: relative;padding: 8px 0;height: 24px;line-height: 24px;text-align: center;border-bottom: 1px solid #eaeaea; border-top: 1px solid #eaeaea;}

.pro_filter .pro_filter_items .item{ display: block;width: 100%;-webkit-box-flex: 1;
-webkit-flex: 1;flex: 1;}
.pro_filter .pro_filter_items .item {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 5px;width: 100%;position: relative;}
.pro_filter .pro_filter_items .item.on{ color:#ff4400;}
.pro_filter .pro_filter_items .item.on.icon{ background-image:url(image/icon.png)}
.pro_filter .pro_filter_items .item span .icon{position: absolute; right: 0;op: 50%;margin-top: -1px;
width: 8px;height: 5px;background:}
.pro_filter .pro_filter_items .item span {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;position: relative;display: inline-block;max-width: 100%;padding-right: 13px;}

.pro_filter_more .item span {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
box-sizing: border-box; position: relative;display: inline-block;max-width: 100%;padding-right: 13px;}
.pro_filter_more .item span i {position: absolute;right: 0;top: 50%;margin-top: -2px;width: 8px;
height: 5px; background:url(image/drop_icon.png); background-size: 8px auto;}

.pro_filter .pro_filter_items .item.on .icon {background-image:url(image/icon.png);}
.pro_filter .pro_filter_items .item span .icon {position: absolute;right: 0;top: 50%;margin-top: -1px;
width: 8px;height: 5px;background:url(image/drop_icon.png)no-repeat;background-size: 8px auto;}


/*search_prolist*/
.search_prolist{ }
.search_prolist.cols {padding-right: 5px; overflow:hidden;}
.search_prolist.cols .search_prolist_item{ position: relative;float: left;width: 50%;background-color: #fff;margin-bottom: 5px;}
.search_prolist.cols .search_prolist_item:nth-child(n) {margin-right: 5px;}
.search_prolist.cols .search_prolist_item:nth-child(2n) {margin-right: -5px;}
.search_prolist.cols .search_prolist_cover {position: relative;height: 0;overflow: hidden;padding-top: 100%;}
.search_prolist.cols .search_prolist_item .search_prolist_cover {padding-top: 100%;}
.search_prolist .search_prolist_cover {background: #f2f2f7}
.search_prolist.cols .search_prolist_cover img {position: absolute;left: 0;top: 0;width: 100%;height: auto;}
.search_prolist.cols .search_prolist_cover img {width: auto;height: 100%;left: 50%;-webkit-transform: translate(-50%);
transform: translate(-50%);}
.search_prolist .search_prolist_info {box-sizing: border-box;padding: 0 10px;overflow: hidden;
 line-height: 1;}


.search_prolist .search_prolist_info {box-sizing: border-box;padding: 0 10px;overflow: hidden;line-height: 1;}

.search_prolist.cols .search_prolist_info {padding-bottom: 10px;}

.search_prolist.cols .search_prolist_item .search_prolist_title {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
 -webkit-box-orient: vertical;}
.search_prolist .search_prolist_title {color: #333;line-height: 1.5em; height:3em;}
.search_prolist .search_prolist_price {color: #ff4400;}
.search_prolist .search_prolist_price strong .int{ font-weight: 400;font-size: 18px;}


/*--翻页--*/
.s_page{padding: 10px;position: relative; overflow:hidden;}
.s_page a {color: #666;}
.s_page > a {display: block;width: 82px;height: 40px;line-height: 38px;text-align: center;}
.s_page > a {border: 1px solid #ccc; border-radius: 4px;-webkit-border-radius: 4px; box-sizing: border-box;-webkit-box-sizing: border-box; height: 40px;line-height: 38px;background-color: #fff;}
.s_page > a:first-child {float: left;}
.s_page > a:last-child {float: right;}
.s_page > a.disabled {color: #999;background-color: #ddd;}

.s_page .selector{border: 1px solid #ccc;border-radius: 4px;-webkit-border-radius: 4px;box-sizing: border-box;-webkit-box-sizing: border-box;height: 40px;line-height: 38px;background-color: #fff;}
.s_page .selector {text-align: center;position: absolute;bottom: 10px;left: 97px;right: 97px;}

.s_page .selector .arrow {display: inline-block;width: 7px;height: 7px;border-right: 2px solid #c7c7cc;border-bottom: 2px solid #c7c7cc;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);vertical-align: -3px;margin-left: 3px;}

.s_page .selector_select {-webkit-tap-highlight-color: transparent;-webkit-text-size-adjust: none;-webkit-touch-callout: none; position: absolute;top: 0;left: 0;height: 100%;width: 100%;opacity: 0;}


/*快捷菜单*/
.menu{ position:relative}
.shortcutMenu{ position: fixed;left: 0;right: 0;bottom: 0;margin: 0 auto;width: 6.4rem;
height: 1rem;z-index: 8; border-top:1px #eaeaea solid;}
.shortcutMenu ul li{ float:left;display: block;padding: .2rem 0;width: 1.6rem;height: 1rem;background: #fff; text-align:center;}
.shortcutMenu ul li span{ color:#333; margin-top:.15rem; text-align:center; font-size:.16rem;}
.shortcutMenu ul li img{ display: block;margin-left: .6rem;width: .4rem;height: .4rem;background: 0;}



/*遮罩层*/
.mask { display: none;position: fixed; _position: absolute; z-index: 1000;width: 100%;height: 100%;left: 0;top: 0; background: rgba(0,0,0,.7);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B2000000, endcolorstr=#B2000000);}
.maskLayer {background: rgb(0, 0, 0) none repeat scroll 0% 0%;opacity: 0.6;z-index: 10;display: none;-webkit-opacity: 0.5;-moz-opacity: 0.6;-khtml-opacity: 0.6; opacity: .6;filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=650);}


/*当有特价的时候*/
.search_prolist_price{height: 30px;line-height: 30px;color: #F00;}
.mr10{ margin-right: 10px;}
.fl {float: left;}
.search_prolist_price .nPrice span {font-size: 16px;color: #ff4400;font-weight: 700;}
.search_prolist_price .oPrice span {color: #999;text-decoration: line-through;}