/*
* @description: 门店列表
* @author: CRD-Swallow
* @update: name (2020-08-27 10:00)
*/

@media only screen and (max-width: 1024px){
  body{
    width: 1002px;
    overflow-x: scroll;
  }
}

/* 热门城市列表 */
.section-storelist { width: 100%; max-width: 1440px; padding:80px 0; margin: 0 auto;}
.section-storelist:after {content: ""; display: block; clear: both;}
.hot-city { float: left; width: 262px;}
.hot-city h3{margin-bottom: 50px; font-size: 30px; font-weight: normal;}
.hot-city > p {margin-bottom: 10px; color: #999; }
.hotcity-list li{padding: 12px 0; font-size: 16px; cursor: pointer; color: #666;}
.hotcity-list li:hover {color: #333;}
.hotcity-list .city-name{margin-right: 15px;}
.hotcity-list .caret-right {opacity: 0; transition: all 200ms;}
li.active-city .caret-right{opacity: 1;}

/* 搜索 */
.list-city {position: relative; width:calc(100% - 262px); margin-left: 262px;}
.search-city {display: flex;}
.search-city > li {position: relative; margin-right: 15px;}
.search-city > li > div:first-child {background-color: #F3F3F3; border: 1px solid #333;}
.search-city input[type=text] {width: calc(100% - 48px); height: 48px; text-align: center; background-color: transparent; cursor: pointer;}
.search-city .crd-xia {float: right; display: block; width: 48px; height: 48px; line-height: 48px; margin: 0 auto; font-size: 18px; color: #333; text-align: center;}
.search-city input[name='search-input'] {width: 210px; height: 48px; line-height: 48px; background-color: #333; color: #FFF; cursor: pointer;}
.search-city input[name='search-input']:hover {background-color: #000;}
.search-city .sortup { display:none; position: absolute; left: 50px; top: 58px; width: 8px; height: 8px; background-color: #F3F3F3; transform: rotate(45deg); z-index:1;}

.province-list,
.city-list { display:none; position: absolute; left: 246px; top: 62px; min-width: 146px;height: 286px;padding: 15px 15px 0 15px; background-color: #F3F3F3; overflow: hidden; border-radius: 4px;    z-index: 199;}
.province-list {left:0;}
.province-list > ul,
.city-list > ul { overflow-y: auto; width: calc(100% + 34px); height: 100%; }
.province-list li,
.city-list li{ padding: 8.5px 0; cursor: pointer; color: #999;}
.province-list li:hover,
.province-list li.active-province,
.city-list li:hover,
.city-list li.active-province{color: #333;}

/* 门店列表 */
.store-list > li{padding: 50px 0;border-bottom: 1px solid #000;}
.store-list > li:after {content:""; display: block; clear: both;}
.store-list > li:nth-child(odd) .store-image{float:left; margin-right: 30px;}
.store-list > li:nth-child(odd) .store-info{float: left;}
.store-list > li:nth-child(even) .store-image{float: right; margin-left: 30px;}
.store-list > li:nth-child(even) .store-info{float: right; text-align: right;}
.store-list .store-image {width: 400px; height: 277px; overflow: hidden;}
.store-image img {height: 100%; width: auto;}
.store-list .store-info{height: 277px; display: flex; flex-direction: column; justify-content:space-between;}
.store-info h3{margin-bottom: 10px; font-size: 22px; font-weight: normal;}
.store-address p{font-size: 14px; color: #666;}
.store-info i {margin: 0;}
.store-info a {color: #CD924F; text-decoration: underline;}
.store-list > li:nth-child(odd) a.ljyy {margin-right: 32px;}
.store-list > li:nth-child(even) a.xqdt {margin-left: 32px;}
.store-info p {padding: 2px 0;}
.gotop {width: 42px; height: 42px; margin: 0 auto; border-radius: 100%; text-align: center; border: 1px solid #666; color: #666;}
.gotop i{font-size: 20px; cursor: pointer;}
.gotop p{margin-top: -4px; cursor: pointer;}
.gotop:hover {background-color: #666; color: #FFF;}
.storelist-footer {padding: 15px 0; text-align: center;}
.gohome{display: inline-block; padding: 6px 0;}
.gohome:hover {color: #CD924F;}

/* 预约弹窗 */
.yuyue-dialog { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, .6); z-index: 9000; display: none; justify-content: center; align-items: center;}
.yuyue-group { position: relative; width: 680px; padding: 52px 96px 52px 96px; background-color:#FFF;}
.yuyue-group h3 { margin-bottom: 25px; text-align: center; font-size: 26px; font-weight: normal;}
.yuyue-group .close-box{ position: absolute; width: 24px; height: 24px; line-height:24px; right: 50px; top: 30px; text-align:center; font-size: 42px; cursor: pointer;}
.item-box {margin-top: 15px;}
.item-box select{text-indent: 25px; outline: none; height: 50px; background: #F5F5F5; border: none;}
.item-box input{ background-color: transparent; line-height: 50px; text-indent: 25px;}
.city-item{display: flex; justify-content: space-between;}
.city-item select{ width: 100%; height: 50px; outline: none;}
.city-item select:first-child{margin-right: 15px;}
.store-item select{width: 100%;}
.name-item { background-color: #F5F5F5;}
.name-item input { width: 100%;}
.time-item select {width: 100%;}
.verify-box { display: flex; justify-content: space-between; }
.verify-box > div {width: 49%; background-color: #F5F5F5;}
.getverify-group{ display: flex; justify-content: space-between; align-items: stretch;}
.getverify-group > input{width: calc(100% - 115px);}
.getverify-group span{display: inline-block; border-bottom: 1px solid #666; }
.get-verify{ width: 115px; text-align: center; flex-shrink: 0; white-space: nowrap; display: flex; justify-content: center; align-items: center;}
.submit-item {margin-top: 15px;}
.submit-item input{width: 100%; color:#FFF; background-color: #CD924F; line-height: 50px; font-size: 16px;}
.submit-item input:hover {background-color: #DFA666;}
.gift-group {}
.gift-group dt{ margin-top: 15px; line-height: 36px; text-align: center; color: #666;}
.gift-group dd{display: inline-block; width: 47%; text-align: center;}
.gift-group .imgwrap-group {background-color: #F5F5F5; border-radius: 4px; overflow: hidden;}
.gift-group dd p {line-height: 42px;}

/* 地图详情 */
.map-dialog { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, .6); z-index: 9000; display: none; justify-content: center; align-items: center;}
.map-group {position:relative; width: 860px; padding: 45px; border-top: 4px solid #cd924f; background-color: #FFF;}
.map-group .close-box{ position: absolute; width: 24px; height: 24px; line-height:24px; right: 50px; top: 30px; text-align:center; font-size: 42px; cursor: pointer;}
.map-group > h3{ line-height: 48px; font-weight: normal; font-size: 22px;}
.map-group > p { font-size: 14px; color: #666;}
.map-box{width: 770px; height: 537px; margin-top: 30px; border: 1px solid #D2D2D2; overflow: hidden;}

.store_img {
    display: flex;
}
  
    .store_img img {
        width: 64px;
        height: 64px;
    }
.store_img_text {
    width: 112px;
    height: 40px;
    font-size: 14px; 
    font-weight: 400;
    color: #353535;
    line-height: 20px;
    margin: 11px 10px;
} 
.store-list{
    position:relative;
}

.store-list-title {
    position: absolute;
    top: 60px;
    right: -15px;
    width: 326px;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #353535;
    line-height: 20px;
}