/* 
 zm-巴速狗-手机端选择支付方式
 2017-04-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;}
em, i {font-style: normal;}
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;text-decoration:none}
a:hover {text-decoration: none}
.wrapBox h4{ font-weight:400;}
/*设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

.wrapBox{ background:#fff;}

/*搜索框*/
.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_inner input{border: 0;display: inline-block;background: 0;font-size: 12px;line-height: 25px;height: 25px;width: 100%;vertical-align: middle;color: #666;}

.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: 20px; -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;}


/*最近搜索*/
.recentSearch{}

/*热门搜索*/
.recentSearch{padding-left: 13px;margin-top: 15px;}
.recentSearchHead{padding: 0 15px 11px 0; line-height:22px; height:22px;}
.recentSearchHead{padding-top: 3px;}

.recentSearchHeadLeft{ float:left; }
.recentSearchHeadRight{ float:right;}


/*hotSearchCont*/
.recentSearchCont{padding-right: 2px;overflow: hidden;text-align: center;}
.recentSearchCont span{display: block;max-width: 100%;overflow: hidden;padding-right: 10px;
padding-bottom: 10px;float: left;}

.recentSearchCont span a{ height:22px;line-height: 22px;border-radius: 3px;display: block;
color: #ff4400;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;background-color: #f0f2f5; padding-left: 13px;padding-right: 13px;overflow: hidden;}
.recentSearchCont span a:hover{ color:#ff4400;}

.recentSearchMove {display: block;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}



/*热门搜索*/
.hotSearch{padding-left: 13px;margin-top: 15px;}
.hotSearchHead{padding: 0 15px 11px 0; line-height:22px; height:22px;}
.hotSearchHead{padding-top: 3px;}

.hotSearchHeadLeft{ float:left; }
.hotSearchHeadRight{ float:right;}


/*hotSearchCont*/
.hotSearchCont{padding-right: 2px;overflow: hidden;text-align: center;}
.hotSearchCont span{display: block;max-width: 100%;overflow: hidden;padding-right: 10px;
padding-bottom: 10px;float: left;}

.hotSearchCont span a { height:22px;line-height: 22px;border-radius: 3px;display: block;
color: #686868;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;background-color: #f0f2f5; padding-left: 13px;padding-right: 13px;overflow: hidden;}

.hotSearchMove {display: block;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}