/* 
 zm-巴速狗-手机端分类页面
 2017-03-24 
*/
*{ 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;}
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 { color: #ff4400; text-decoration: none}
em, i {font-style: normal;}
select {font-size: 100%;font-family: inherit;}
/*设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}



.wrap{ min-height: 375px;}

/*搜索框*/
.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; border-bottom:1px #ddd solid;}

/*顶部搜索框*/
.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; }
.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); z-index: 2;}
.mod_searchbar_tags_inner {font-size: 0;font-family: none;white-space: nowrap;-webkit-overflow-scrolling: touch;;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;}


/*sn-list-box*/
.sn-list-box {width: 100vw;background: #FFF;}
.sn-list-nav {position: fixed;left: 0;top: 45px;width: 1.4rem;height: calc(100vh - 1.76rem);
overflow-y: auto; z-index: 50; background: #F4F4F4;}
.sn-list-nav ul li {position: relative;float: left;width: 1.4rem;height: .8rem;line-height: .8rem;
text-align: center;background: #F4F4F4;border-right: 1px solid #E7E7E7;border-bottom: 1px solid #E7E7E7;
box-sizing: border-box;font-size: .22rem;}
.sn-list-nav ul li.cur {color: #ff4400; background:#fff;}
.sn-list-nav ul li.cur:after {display: none;position: absolute; left: 0;top: 0; content: '';height: 100%;width:2px;}
.sn-list-nav ul li.cur:after{ background:#ff4400; }
.sn-list-nav ul li.cur:after{ display:block;}


.sn-list-con {box-sizing: border-box;margin: 0 0 0 1.4rem;padding:0 .2rem;overflow: auto;}

/*con-box*/
.sn-list-con .con-box{width: 4.6rem;}
.sn-list-con .con-box .module-title {color: #333;}
.sn-list-con .con-box .module-title.class-title {position: relative;width: 100%;text-align:center;
 margin: .2rem auto .6rem auto;}
 
 /*分界线*/
.sn-list-con .con-box .module-title em {display: inline-block;position: relative;height: 12px;
line-height: 12px;font-size: .22rem;vertical-align: middle;padding: 0 1rem; color:#ff4400;}
.sn-list-con .con-box .module-title em:before, .sn-list-con .con-box .module-title em:after {position: absolute;top: 5px;content: '';width: .72rem;height: 1px; background: #DDD;}
.sn-list-con .con-box .module-title em:before {left: 0;}
.sn-list-con .con-box .module-title em:after {right: 0;}
 
.sn-list-con .con-box .household-recommend {width:100%;overflow: hidden;}
.sn-list-con .con-box .household-recommend ul li {float: left;width: 1.51rem;margin: 0 0 .2rem 0;}
.sn-list-con .con-box .household-recommend ul li a {display: block;}
.sn-list-con .con-box .household-recommend ul li a img {width: 1.2rem;height: 1.2rem;margin: 0 .155rem .1rem .155rem; position: relative;}
.sn-list-con .con-box .household-recommend ul li a em { display: block;white-space: nowrap;font-size: 12px; height: 20px;line-height: 20px;text-align: center;text-overflow: ellipsis;overflow: hidden;}



/*快捷菜单*/
.wap_foot { position: relative;height: 1rem;width: 100%;}
.menu{ position:relative}
.shortcutMenu{ position: fixed;left: 0;right: 0;bottom: 0;margin: 0 auto;width: 6.4rem;
height: 1rem;z-index: 199; border-top:1px #eaeaea solid;}
.shortcutMenu ul li{ float:left;display: block;padding: .2rem 0;width: 1.6rem;height: .8rem;background: #fff; text-align:center;}
.shortcutMenu ul li span.selected{ color:#ff4400;}
.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;}



.categoryli li{ float:left; width:32.5%; border:1px solid #F00}
.showdiv{transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);transition-duration: 0ms;transform: translate(0px, 0px) translateZ(0px);}