@charset "utf-8";
*{box-sizing:border-box;}
.searchBar{display:-webkit-box;height:48px;padding:0 48px;position:relative;}
.searchBar .searchBox{height:32px;margin:8px auto;border-radius:4px;width:100%;background-color:#fff;}
.searchBar .searchBox input{padding:5px 15px 5px 30px;line-height:22px;border:none;width:100%;outline:0;font-size:14px;color:#555;}
.searchBar .voiceBtn,.searchBar .appdown,.searchBar a{display:block;position:absolute;top:0;width:48px;height:48px;text-align:center;line-height:44px;}
.searchBar .voiceBtn{right:0;}
.searchBar a{left:0;}
.searchBar .voiceBtn i,.searchBar a i{font-size:22px;color:#7a8599;}
.searchBar.wap{padding-right:15px;}
.searchBar.wap .voiceBtn{display:none;}

.navBox{position:relative;}
.navBox.absolute{position:absolute;z-index:1005;width:100%;}
.navBox>ul{display:-webkit-box;background:#FFF;text-align:center;}
.navBox.absolute>ul{border-bottom:1px solid #06c1ae;}
.dropdown-toggle{position:relative;-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;width:100%;text-align:center;color:#7a8599;background:url(../img/list/dropRightBorder.png) no-repeat;background-position:3px right;background-size:1px 38px;height:40px;line-height:40px;}
.dropdown-toggle.active{color:#06c1ae;}
.dropdown-toggle.caret:after,.dropdown-toggle.active.caret:after{content:"";width:0;height:0;display:inline-block;border-top:6px solid #7a8599;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:0;margin-left:4px;position:absolute;top:16px;}
.dropdown-toggle.active.caret:after{border-top:0;border-bottom:6px solid #06c1ae;}

.searchBox{position:relative;margin-bottom:10px;}
.searchBox>ul{display:-webkit-box;background:#FFF;text-align:center;}
.searchBox .dropdown-toggle.active{
    border-bottom: 2px solid #06c1ae;
}


.storeListBox{
      display: -webkit-box;
      position:relative;
}
.storeListBox dl{
    width: 100%;
}
.storeListBox dd{margin-bottom:10px;background-color:#fff;}
.storeListBox dd:last-child{
    margin-bottom:4px;
}
.storeListBox .brand{position:relative;padding:10px 10px 10px 30px;color:#555;margin-top:0;font-size:15px;line-height:24px;}
.storeListBox .brand .brandCon{position:relative;padding-left:8px;}
.storeListBox .brand .location-right{position:absolute;top:0;right:0;line-height:24px;color:#8d9199;font-size:13px;}
.listBox .loadMoreList{
    border-top: 0;
    height: 40px;
    line-height: 40px;
    text-align:center;
    text-indent: -10000px;
    background:#f4f4f4 url(../img/loadingMore.gif) no-repeat;
    background-position: center;
    padding-bottom:7px;
}
.listBox .noMore{background:#f1f2f7;height:40px;line-height:40px;border-top:0;text-align:center;margin-bottom:11px !important;color:#7a8599;}

.no-deals{text-align:center;margin-top:50px;width:100%;color:#7a8599;}
.shade{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    z-index: 20;
}
.hide {
    display: none!important;
}


.store_state{
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.7);
    color: white;
    font-style: normal;
    text-align: center;
}
.store_state.open{
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    background: rgba(6,193,174,.7);
    color: white;
    font-style: normal;
    text-align: center;
}