.kv{ 
    background-image: url(../images/sale/sale_kv.jpg); 
} 

.search{ 
    font-size: 16px; 
    margin-bottom: 1em;
}
.search h3{
    font-size: 23px;
    margin-bottom: 20px;
}
.search .summary{
    display: block;
    margin-bottom: 16px;
}
.search label.label{
    margin-right: 48px;
    /* padding: 16px 0 0 0;  */
    width: 6em;
    display: inline-block;
}
.search select{
    padding: 6px;
    font-size: 16px;
    width: 200px;
}
.search select:nth-of-type(1){
    margin-right: 11px;
}
.search select:nth-of-type(2){ 
}

.search input.keywords{
    height: 2em;width: 26em;
    padding-left: 0.5em;padding-right: 0.5em
}
.search .search-button{
    color: #fff;
    background-color: #000;
    padding-right: 2em;padding-left: 2em;
    margin-left: 1em;
    height: 2em;
    display: inline-block;
}
.search .sp-search-button{
    display: none;
}
.search:after{
    content: '';
    display: block;
    clear: both;
}

.store-type input{
    margin-right: 0.5em;
}

.store-list{ margin-bottom: 22px;}
.store-list .title{ border-top: 1px solid #B5B5B5; border-bottom: 1px solid #B5B5B5; height: 36px; background-color: #efefef}
.store-list .title .icon{ border-right: 1px solid #B5B5B5; line-height:36px; height: 36px; width: 33px; background: url("../images/sale/sale_store_list_icon_1.png") no-repeat center center; float: left;}
.store-list .title .text{ color: #333; font-size: 14px; line-height: 36px; margin-left: 7px; float: left;}
.store-list .title .return{ background: url("../images/sale/sale_store_list_icon_2.png") no-repeat scroll 0 11px transparent; color: #333333; float: right;  font-size: 12px; line-height: 36px;  padding-left: 12px; text-decoration: none; margin-right: 12px}
.store-list ul{ }
.store-list ul li{ 
    clear: both; position: relative; 
    font-size: 12px;  
    margin-bottom: 2.6em;margin-right: 1%;
    width: 49%;
    vertical-align: top;
    display: inline-block;
}
.store-list ul li:nth-of-type(2n){
    margin-right: 0;
}
.store-list ul li:after{content: '';display: block;clear: both;}
.store-list ul li.current, .store-list ul li.selected{background-color: #edf1f5;}
.store-list ul li .number{display: none; float: left; margin-left: 0px; margin-right: 8px; line-height: 21px; height: 21px; width: 27px; text-align: center;background-color: #045ba8; color: #fff}
.store-list ul li .info{ float: left;line-height: 20px;position: relative;/*min-height: 184px;*/font-size: 16px;width: 76%;}
.store-list ul li .info .header{font-size:16px;    position: relative;}
.store-list ul li .info .header .icon{ line-height: 16px; display: block; text-align: center;  padding: 0.5em 0; width: 7em; margin: 0.6em 0; background: #0056B3/*#045ba8*/;color: #FFFFFF;    position: relative;}
.store-list ul li .info .header .icon.stars{
    background-color: #d3af5a;
    position: absolute;
    top: 33%;
    left: 32%;
    min-width: 7em;
    width: auto;
    text-align: left;
    padding-left: 1.4em;padding-right: 1.4em;
    white-space:nowrap; 
}
.store-list ul li .info .header .icon.stars:after{
    content:"★";margin-left: 5%;
}
.store-list ul li .info .header .icon.stars2:after{
    content:"★★";margin-left: 5%;
}
.store-list ul li .info .header .icon.stars3:after{
    content:"★★★";margin-left: 5%;
}
.store-list ul li .info .header .icon.stars4:after{
    content:"★★★★";margin-left: 5%;
}
.store-list ul li .info .header .icon.stars5:after{
    content:"★★★★★";margin-left: 5%;
}
.store-list ul li .info .header .icon.dealer{ background:#575757;}
.store-list ul li .info .header .icon.hypermarkets{ background:#575757;}
.store-list ul li .info .header .icon.dealer{ background:#575757;}
.store-list ul li .info .header .icon.experience-store{ background:#0168b3;}
.store-list ul li .info .header .icon.smart-image-store{ background:#114D86;}
.store-list ul li .info .header .icon .is_remodel{
    position: absolute; 
    right: 0;
    transform: translateX(108%); 
}
@media screen and (max-width:640px) {
    .store-list ul li .info .header .icon .is_remodel{
        width: 120%;
        max-width: none;
    }
}
.store-list ul li .info .header .recent{
    position: absolute;
    right: 0;
    top: -3%;
    color: #fff;
    font-size: 12px;
    font-weight: bolder;
    background-color: #fd892d;
    padding: 2px 2px 2px 20px;
    background-image: url(../images/sale/icon_sale_store.svg);
    background-repeat: no-repeat;background-position: 3px center;
    background-size: 23%;
    line-height: 0;
    height: 22px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.store-list ul li .info .text{ color: #666}
.store-list ul li .info .text.remarks{ color: #367eb3;}
.store-list ul li .info .links { position: absolute; bottom: 0;}
.store-list ul li .info .links a{ display: inline-block;line-height: 20px; float: left; margin-right: 12px; color: #000; text-decoration: none;}
.store-list ul li .info .links a.map{ background: url("../images/sale/sale_store_list_store_address_icon.png") no-repeat 1px 2px; padding-left: 18px}
.store-list ul li .info .links a.picture{ background: url("../images/sale/sale_store_list_store_picture_icon.png") no-repeat 1px 3px; padding-left: 22px}

.modal .modal-inner{max-width: 700px;width: 60%}
.modal-inner .content{margin:0;} 
.modal-inner .awardicon{float: left;width: 13%}
.modal-inner .awardicon img{display: block}
.modal-inner .intro h4{font-size: 22px;}
.modal-inner .intro{float: right;width: 80%;font-size: 16px;margin-top: -0.5em;}
.modal-inner .product-image{float: right;width: 80%;}
.modal-inner .product-image img{width: 100%}
.modal-inner .btn{display: inline-block;clear: both; border:1px solid #000;    position: relative;  left: 50%;  margin-top: 1em; transform: translateX(-50%);}
.modal #player{background-color: #fff;padding-top: 0; }
#baidumap{height: 400px}
.map_massage li{ font-size: 14px; color: #666}
.map_massage li.title{ color: #000} 
#baidumap img{max-width:inherit }

.sec.baidumap-top{display: none}
.sec.sp-search-box{display: none}
.loading-store{display: none}
.distance{
display:none;position: absolute;right: 0;color: #666;font-size: 12px;    bottom: 4%;
}
@media screen and (max-width:640px) {
    
/*  #Head{position: fixed;z-index: 1; top: 0; left: 0; width: 100vw;}
    .mean-container a.meanmenu-reveal{position: fixed;}
    .mean-container .mean-nav{position: fixed}
    .mean-nav > ul{height: calc(100vh - 72px);    overflow: scroll;} */
    .kv{  
        background-image: url(../images/sale/sale_kv_sp.jpg); 
        display: none;
    }   
    .loading-store{display: block;position: fixed; left:0;top:0;z-index: 9999; height: 100vh;width: 100vw;background-repeat: no-repeat; background-color: rgba(0,0,0,0.8); background-image: url('/global_common/common/images/fancybox_loadingx2x.gif');background-position: center}
    .pageTitle {padding:2.7vw;background-color: #fff;    display: none;}
    .pageTitle h1{font-size: 5.3vw}
    .sec.sp-search-box{display: block;/* position: fixed;top: 72px; z-index: 1;*/   padding:2.7vw;margin-bottom: 2px;background-color: #f6f6f6;top: 72px;}
    .sec.sp-search-box a{text-decoration: none}
    .sec.sp-search-box .search-condition{padding-bottom: 2.7vw;display: flex;position: relative}
    .sec.sp-search-box .search-condition .province-list,
    .sec.sp-search-box .search-condition .city-list{display: flex; max-height:0; visibility:hidden; flex-wrap: wrap;   position: absolute;  width: 100%;  background-color: #fff;
    top: 100%;  z-index: 1;  padding: 2.7vw 0;transition: max-height .5s ease-out, visibility .3s linear 0s;overflow: hidden}   
  .sec.sp-search-box .search-condition .province-list.on,
  .sec.sp-search-box .search-condition .city-list.on  { max-height: 60vh;visibility: visible;  }
  .sec.sp-search-box .search-condition .province-list  .province-item,
  .sec.sp-search-box .search-condition .city-list  .city-item{margin: 0 2.65vw; width: calc(100% / 4 - ( 2.65vw * 2 )); border-radius: 100px; text-align: center; margin-bottom: 2.65vw;border: 1px solid #294596;}
  .sec.sp-search-box .search-condition .province-list  .province-item.current,
  .sec.sp-search-box .search-condition .city-list  .city-item.current{color: #fff;background-color: #294596;}
    .sec.sp-search-box #myform{margin-left: 2.7vw;flex-grow: 1;vertical-align: middle;position: relative;   }
    .sec.sp-search-box #myform input[type='submit'] { display: none; }
    .sec.sp-search-box #myform.icon-search:before{    position: absolute;    left: 6px;top: 50%;    transform: translateY(-56%);    color: #888;z-index: 999;}
    .sec.sp-search-box .province,
    .sec.sp-search-box .city{flex-shrink: 0;vertical-align: middle;border-bottom: 1px solid #767676;}
    .sec.sp-search-box .city{    margin-left: 20px;margin-right: 12px;}
    .sec.sp-search-box .keywords{ padding: 4px 10px 4px 20px;width: 100%;}
    .sec.sp-search-box .store-type-list{display: flex;flex-direction: row;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: flex-start;
    align-items: center;padding-top: 1.57vw; gap: 0.4vw 4.7vw; /*padding-bottom: 1.57vw;*/}
    .sec.sp-search-box .store-type{    width: 30%;display: inline-block;color: #fff; text-align: center;/*margin-right: 12px;*/    margin-bottom: 12px;    background: #045ba8;background-color: #999;}
    .sec.sp-search-box .store-type:last-child{margin-right: 0px;}
    /*.sec.sp-search-box .store-type.flagship-store{background-color: #004998}
    .sec.sp-search-box .store-type.experience-store{background-color: #0168b3}
    .sec.sp-search-box .store-type.smart-image-store{background-color: #009ee5}*/
    .sec.sp-search-box .store-type.dealer{background-color: #999}
    .sec.sp-search-box .store-type.current{background: #045ba8}
    .sec.sp-search-box .store-type.current.flagship-store{background: #004998}
    .sec.sp-search-box .store-type.current.experience-store{background: #0168b3}
    .sec.sp-search-box .store-type.current.smart-image-store{background: #009ee5}
    /* .sec.sp-search-box .store-type input{width: 0; height: 0;margin:0;} */
    .sec.sp-search-box .baidumap-top{display: block;padding: 0;opacity: 0;  /* margin-bottom: 10px; */}
    .sec.sp-search-box .baidumap-top .view-all-store-link{display: none; font-size: 12px; text-align: center;  color: #a2a2a2;  padding: 0.6vw;  border-top: 1px solid;  border-bottom: 1px solid #e4e4e4;}
    .sec.sp-search-box .baidumap-top .map_massage li{font-size: 12px;}
    .sec.sp-search-box .baidumap-top #baidumap-top{height: 200px;border-top: 1px solid #7d7d7d;}
    .sec.sp-search-box .baidumap-top #baidumap-top img{    max-width: initial;}
    .store-list{overflow: scroll}
    .store-list ul li .info{font-size:12px;}
    .store-list ul li .info .header .icon{    font-size: 12px;    margin: 0.2em 0;    padding: 0.25em 0;/*background: #045ba8;*/}
    .store-list ul li .info .header .icon.stars{
        left: 7.8em;top: 45%;
    }
    /* .sec.baidumap-top #baidumap-top .BMap_Marker img{width: 100%} */
    .search{display: none}
    .search label.label{
        display: none
    }
    .search select{
        width: 46.8%;
        margin-right: 0;
    }
    .search select:nth-of-type(1) {
        float: left;
    }
    .search select:nth-of-type(2) {
        float: right;
    }
    .search input.keywords {
        width: 100%;
        float: left;
    }
    .search .search-button{
        display: none;
    } 
    .search .sp-search-button{ 
        display: block;
        clear: both;
        margin-left: 0; margin-top: 1em;
        padding-left: 0; padding-right: 0;
        width: 100%;
        text-align: center; 
    }
    .store-type{
        width: 49%;
        display: inline-block;
    } 
    .store-list ul li{
        display: block;
        width: 100%;
        margin-bottom: 2em;
    } 
    .store-list ul li .info{
        min-height: inherit;
        padding-bottom: 2em;
        width: 100%;
    }
    .modal .modal-inner{width: 98%}
    .modal-inner .intro h4{font-size: 16px;}
    .modal-inner .intro{font-size: 14px;}
    .distance{display: inline-block;}
}

@media screen and (max-width:375px) { 
}

@media screen and (max-width:320px) { 
}