.wdselects { width: 652px; margin: 0 auto; text-align: center; }
@media (max-width: 767px) { 
.wdselects { width: 100%;  }
}
.wdselects .soselect { text-align: left; position: relative; float:left; cursor: pointer; width: 326px; height: 44px; }
.wdselects .soselect .selectbox { -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px  solid  #dce1e4; background-color: #fff; width: 100%; height: 100%;position:relative; }
.wdselects .soselect .selectbox  i{ position: absolute; right:10px;top:4px;font-size:24px;color: #555; }
@media (max-width: 767px) { 
    .wdselects .soselect .selectbox  i{ top:10px; }
    .wdselects .soselect { width: 70%;float:none;margin:0 auto; }

}
@media (min-width: 768px) and (max-width: 991px) {

.wdselects .soselect .selectbox  i{ top:9px; }

}

@media (min-width: 992px) and (max-width: 1199px) {

.wdselects .soselect .selectbox  i{ top:4px; }

}

.wdselects .soselect .selectbox .selectbox-text { display: block;text-align: center; line-height: 42px; font-size: 16px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.wdselects .soselect   #txtMPkey{ width: 100%;height:100%;float:left;padding:0px;margin:0px;text-align:center;border: 0px  solid  #dce1e4; }
.wdselects .dropdowns { position: absolute; top: 43px; width: 100%; height: 0; background-color: #fff; overflow: hidden; overflow-y: auto; z-index: 2; }
.wdselects .dropdowns .options { margin: 0; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px  solid  #dce1e4; max-height: 268px;padding-bottom:15px; overflow-y: auto; -webkit-box-shadow: 0 10px 20px rgba(153,160,169,.3); box-shadow: 0 10px 20px rgba(153,160,169,.3); width: 100%; height: 0; }
.wdselects .dropdowns .options .lioption { padding: 0 5px;  }
.wdselects .dropdowns .options .lioption .item-text { display: block; padding-left: 10px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; }
.wdselects .dropdowns .options .lioption .item-text:hover{background-color:#f4f4f4}
.wdselects .openDrop .dropdowns{height:auto;overflow:visible}
.wdselects .openDrop .dropdowns .options {height:auto}
.btnlocation{position:absolute;right:18px;top:10px;font-weight: 600;}


.buylist { padding: 70px 0; background-color: #fff; z-index: 1; }

.mapaddr { margin: auto -20px;  }
.mapaddr-view { background: #f5f6f7; margin-bottom: 15px; padding: 50px 55px 60px; -webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}
.mapaddr-view:hover{-webkit-box-shadow: 0 15px 15px -10px rgba(0,0,0,.15);-moz-box-shadow: 0 15px 15px -10px rgba(0,0,0,.15);box-shadow: 0 15px 15px -10px rgba(0,0,0,.15);}
.add-name {  font-size: 16px;    border-bottom: 1px solid #d4d4d4;    padding-bottom: 14px ;font-weight:600 ;}
.btnShowMap { float: right;  font-size: 16px;  background-color: transparent; color:#777;   border: 1px solid transparent;padding: 0px;  line-height: 25px; border-radius: 0px;}
.btnShowMap:hover ,.btnShowMap:active{   background-color: transparent;  border: 1px solid transparent;color: red;  }

.mapaddr-item{padding-left:7.5px;padding-right:7.5px;}
.item-text { font-size: 16px; color: #777; line-height: 26px; padding-top: 6px; }
.item-text.address { height: 58px;overflow:hidden;padding-top:0px;margin-top:6px; }
.item-text a { color: #777; }
.item-title {  font-size: 16px;  line-height: 28px; padding-top: 20px;font-weight:normal ; }

.alloffice {text-align:center;padding-top:25px;}
.alloffice a.btnalloffice{display:inline-block; text-align:center;padding:5px 150px ;   background: url(/static/images/xct.png) no-repeat center ;  text-align: center; }

@media (max-width: 767px) { 
.buylist { padding: 0px 0; background: #fff; } 
.mapaddr { margin: 0px; padding: 0px; }
.mapaddr-view { margin: 0; padding: 20px 15px;background: #fff; }
.mapaddr-view:hover{-webkit-box-shadow: 0 0px 0px -0px rgba(0,0,0,0);-moz-box-shadow: 0 0px 0px -0px rgba(0,0,0,0);box-shadow: 0 0px 0px -0px rgba(0,0,0,0);}
.mapaddr-item{background-color:#fff;margin-bottom:0px;padding:0px;border-bottom:solid 10px #f5f6f7}
.item-text { height: auto;overflow:auto;padding-top:0px;margin-top:0px; }
.item-text.address { height: auto;overflow:auto;padding-top:0px;margin-top:0px; }
.add-name {  border-bottom: 0px solid #d4d4d4;    padding-bottom: 0px ;}
.item-title { padding-top: 10px;}

.alloffice {padding-top:0px;}
.alloffice a.btnalloffice{padding:5px 100px ; }

}
@media (min-width: 768px) and (max-width: 991px) {

.buylist { padding: 40px 0;  }
.mapaddr-view {  padding: 20px 25px 20px; }

}

@media (min-width: 992px) and (max-width: 1199px) {

.buylist { padding: 50px 0;  }
.mapaddr-view {  padding: 20px 25px 20px; }

}

.show-map-mask #map-mask { opacity: 1; max-height: 100vh; -webkit-transition: opacity .3s ease 0s,max-height 0s linear 0s; transition: opacity .3s ease 0s,max-height 0s linear 0s; } 
#map-mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; background-color: rgba(0,0,0,.2); z-index: 1000; max-height: 0; opacity: 0; -webkit-transition: opacity .3s ease 0s,max-height 0s linear .5s; transition: opacity .3s ease 0s,max-height 0s linear .5s; }


.show-map-mask { width: 100%; position: relative; overflow: hidden!important; height: 100%!important; }
.show-map-mask body { width: 100%; position: relative; overflow: hidden!important; height: 100%!important; }

#loadMap{height:100%}  

.error-model .error-model-content, .map-model .map-model-content, .sms-model .sms-model-content, .buylist .ste-events-content .ste-events-item, .buylist .ste-events-content .ste-events-item.ste-events-img .ste-item-wrapper, .store-star .ste-star-content dl dt .ste-staritem-navi, .success-model .success-model-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
}


.oc-model{position:fixed;display:none;width:586px;height:586px;left:50%;top:50%;margin-left:-293px;margin-top:-293px;background-color:#fff;overflow:hidden;z-index:9999999999}
@media (max-width:768px){.oc-model.bottom-layout{margin:0;width:100%;height:284px;border-radius:0;top:auto;left:0;bottom:0}}
.oc-model .model-title{position:relative;display:none;width:100%;height:50px;text-align:center;color:#fff;background-color:#333;z-index:2}
@media (max-width:768px){.oc-model .model-title{height:44px}}
.oc-model .model-title h3{font-size:14px;line-height:50px}
@media (max-width:768px){.oc-model .model-title h3{line-height:44px}}
.oc-model .model-title .close-btn{right:27px;top:50%;margin-top:-8px}
.oc-model .model-title.color-black{color:#333;background-color:#fff}
.oc-model .model-content{position:relative;overflow:hidden;z-index:1;width:100%;height:100%}
.oc-model .close-btn{position:absolute;width:16px;height:16px;right:27px;top:17px;text-align:center;cursor:pointer;z-index:5;color:red;opacity:1}
@media (max-width:768px){.oc-model .close-btn{display:none}}
.oc-model .close-btn:before{content:'';display:block;position:absolute;width:100%;height:2px;background-color:#a0a0a0;border-radius:1px;overflow:hidden;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:7px}
.lt-9 .oc-model .close-btn:before{-ms-transform:rotate(45deg)}
.oc-model .close-btn:after{content:'';display:block;position:absolute;width:100%;height:2px;background-color:#a0a0a0;border-radius:1px;overflow:hidden;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:7px}
.lt-9 .oc-model .close-btn:after{-ms-transform:rotate(-45deg)}
.oc-model.hasTitle .model-title{display:block}
.oc-model.hasTitle .model-content{width:auto;height:auto;margin:38px 0;padding:0 23px;max-height:462px;overflow-y:auto}
.map-model{width:1200px;height:706px;margin-left:-600px;margin-top:-353px}
.map-model .map-model-content .map-wrapper{width:1140px;height:600px;padding:76px 30px 30px}
@media (min-width:768px) and (max-width:1024px){.map-model .map-model-content .map-wrapper{width:740px;height:360px;padding:76px 30px 30px}}
.map-model .map-model-content .map-fix-infowindow{height:100%}