@charset "utf-8";
/*附近门店*/
.store_ban{width: 100%; min-width: 1400px; height: 860px; background-repeat: no-repeat; background-position: center;}
.store_panel{width: 426px; height: 550px; float: left; background: #fff; margin-top: 102px;}
.store_hd{padding: 30px 0 16px 30px;}
.store_addr{margin-bottom: 30px;}
.select_box{min-width: 168px; float: left; margin-right: 20px; height: 38px; position: relative; border: 1px solid #dadada; border-radius: 2px; font-size: 14px; color: #333; z-index: 3;}
.select_box .top{min-width: 82px; padding: 4px 28px 4px 14px; line-height: 30px; position: relative;}
.select_box .top i{display: block; position: absolute; right: 12px; top: 0; height: 100%; width: 8px; background: url(../images1/x_ico5.png) no-repeat center;}
.filter-box select{display: none;}
.filter-text{height: 100%; overflow: hidden; cursor: pointer; background: #fff;}
.filter-text .filter-title{display: block; width: 126px; font-size: 14px; height: 30px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer;}
.filter-list{display: none; width: 100%; max-height: 180px; background: #fff; font-size: 14px; position: absolute; top: 38px; left: -1px; z-index: 99; border: 1px solid #dadada; overflow: auto;}
.filter-list li{padding: 0 12px; height: 30px; line-height: 30px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer;}
.filter-list li:hover,.filter-list li.filter-selected{background: #333; color: #fff;}
.store_bd{height: 380px; border-top: 1px solid #f1f1f1; overflow: hidden;}
.store_list{width: 360px; margin: 0 auto; position: relative; height: 100%;}
.store_item{position: relative; padding: 30px 15px 24px 30px; border-bottom: 1px solid #f1f1f1; color: #333;}
.store_num{display: block; width: 22px; height: 22px; background: #333; color: #fff; border-radius: 50px; text-align: center; line-height: 25px; position: absolute; left: 0;}
.store_item .store_name{margin-bottom: 10px; line-height: 22px; font-size: 16px; font-weight: normal;}
.store_li{position: relative; line-height: 26px; min-height: 26px; font-size: 13px;}
.store_li .ico{display: inline-block; width: 14px; height: 14px; margin-right: 8px; background-position: 0 center; vertical-align: -2px; background-repeat: no-repeat;}
.store_li .ico_addr{background-image: url(../images1/ico_addr.png);}
.store_li .ico_time{background-image: url(../images1/ico_time.png);}
.store_li.li_addr{padding-left: 60px;}
.store_li.li_addr .ico{position: absolute; left: 0; top: 6px; animation: bounce-up 1s linear infinite;}
.store_li.li_addr span{color: #666;}
.store_li.li_addr .label{position: absolute; left: 22px; color: #666 !important;}
.store_li .label{font-weight: bold; color: #333;}
.store_li.li_addr span:hover{color: #000; transition: all .4s;}
.store_li span.fdn{font-size: 14px;}

@keyframes bounce-up{25% {transform: translateY(4px);} 50%, 100% {transform: translateY(0);} 75% {transform: translateY(-4px);}}

.store_list_loader{width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px;}
.store_list_loader > span{-webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; top: 0; left: 0; border-radius: 50%;}
.store_list_loader > span:first-child{background: #ccc; width: 16px; height: 16px; top: 9px; left: 9px; -webkit-animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite; animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite; }
.store_list_loader > span:last-child{position: absolute; border: 2px solid #ccc; width: 30px; height: 30px; background: transparent; border: 2px solid; border-color: #ccc transparent #ccc transparent; -webkit-animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite; animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite; -webkit-animation-duration: 1s; animation-duration: 1s; }

@keyframes rotate{0%{-webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50%{-webkit-transform: rotate(180deg) scale(0.6); transform: rotate(180deg) scale(0.6);} 100%{-webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1);}}