.content{background-color: #F7F8F9; padding-bottom: 1rem; padding-top: 1rem; min-height: 9.26rem; box-sizing: border-box;}

.content_serch{height: .76rem;background-color: #fff; padding: .14rem .75rem .14rem 0; box-sizing: border-box; }
.content_serch .search_list{display: flex; justify-content: space-between;align-items: center; font-family: JINGDONGLangZhengTi2Semilight;}
.content_map{min-height: 7.04rem; margin-top: .18rem; position: relative;}
#basemap{width: 100%; height: 7.04rem;}
.content_serch ul li p{font-size: .16rem; color: #05142D99; cursor: pointer;}
.searchbox{width: 3.81rem; height: .48rem;  position: relative;}
.searchbox::after{content: ""; width: .18rem; height: .18rem; display: block; background-image: url(../ssyq/1.png); background-size: 100% 100%; position: absolute; left: .33rem;top: 50%; transform: translate(0,-50%);}
.searchbox input{display: block; background-color: #F2F2F2; border-radius: .62rem; width: 100%; height: 100%; border: none; outline: none; padding-left: .68rem; box-sizing: border-box; font-family: JINGDONGLangZhengTi2Semilight;}
.ParkSearch a{font-size: .16rem;  display:block; color: #fff;font-family: JINGDONGLangZhengTi2Semilight;}
.ParkSearch{width: 1.63rem;height: .48rem   ; border-radius: .56rem; overflow: hidden; background-image: url(../ssyq/14.png); background-size: 100% 100%;}
.ParkSearch img{width: .2rem;margin-left: .1rem;}
.ParkSearch{display: flex; align-items: center; justify-content: center;}

.content_serch >ul>li {position: relative; min-width: 2.3rem;}
.content_serch ul li div {display: flex;align-items: center; justify-content: center;}
.content_serch >ul>li>div>span{margin-left: .08rem; display: block; width: .14rem; height: .07rem; background-image: url(../ssyq/2.png); background-size: 100% 100%;}
.itme_one{ width: 2rem;     position: absolute; left: 45%; transform: translate(-50%,0); top: .5rem; z-index: 999;  display: flex; flex-direction: column; display: none ;}
.itme_one li {position: relative; cursor: pointer; color: #05142D; width: 100%; display: flex; justify-content: center; align-items: center; text-align: center; font-size: .16rem; height: .5rem; line-height: .5rem; background-color: #fff;}
.itme_one li:hover{background-color: #E1251B; color: #fff;}

.itme_link{  position: absolute; top: 46%; right: .2rem; transform: translate(-50%,0);  display: block; width: .14rem; height: .07rem; background-image: url(../ssyq/2.png); background-size: 100% 100%; transform: rotate(-90deg);}
.itme_tow{display: flex; height: 3rem; overflow-x: auto; flex-direction: column; width: 2rem; position: absolute; top: -0.5rem; left: 100%; display: none;}
.itme_tow li{width: 100% !important; min-width: 0 !important;}
.active p{color: #E1251B !important;}
.active span{background-image: url(../ssyq/3.png) !important;}
.activex{background-image: url(../ssyq/5.png);}

.type_list{font-size: .16rem; width: 1.5rem; left: .35rem; top: .5rem; position: absolute; background-color: #fff;z-index: 999; display: none;}
.type_list>li>div{width: .14rem;height: .14rem; margin-right: .06rem; border: .02rem solid #05142D99;display: flex; justify-content: center;align-items: center;}
.type_list>li{display: flex; cursor: pointer; justify-content: center; align-items: center; height: .5rem;}
.type_list>li>div>span{width: .1rem; height: .1rem;background-color: #fff }
.colors{background-color: #E1251B !important;}


.area_list{position: absolute; left: .15rem; top: .5rem; background-color: #fff; z-index: 1000; display: none;}
.area_list>li{font-size: .16rem; width: 2rem;  cursor: pointer; height: .5rem; line-height: .5rem; display: flex; align-items: center; justify-content: center;}
.area_list>li:hover{background-color: #E1251B; color: #fff;}

.rentablearea_list{position: absolute; left: .15rem; top: .5rem; background-color: #fff; z-index: 1000; display: none;}

.rentablearea_list>li{font-size: .16rem; width: 2rem; cursor: pointer; height: .5rem; line-height: .5rem; display: flex; align-items: center; justify-content: center;}
.rentablearea_list>li:hover{background-color: #E1251B; color: #fff;}

.content_serch{display: flex; justify-content: space-between;}
.content_serchxs{display: flex; justify-content: space-between; width: 40%;}
.content_serchxs li{min-width: 0 !important;}
.content_map_tab{position: absolute; right: .26rem; top: .34rem;z-index: 999; width: 1.9rem; align-items: center; height: .51rem; border-radius: .43rem;display: flex; justify-content: space-around; background-color: #fff;}
.content_map_tab a{color: #05142D;}
.content_map_tab a:nth-child(1):hover{color: #E1251B;}
.content_map_tab a:nth-child(1):hover .content_map_tab_dq span{ background-image: url(../ssyq/6.png);}
.content_map_tab a:nth-child(2):hover{color: #E1251B;}
.content_map_tab a:nth-child(2):hover .content_map_tab_list span{background-image: url(../ssyq/9.png);}
.content_map_tab::after{content: "";width: .01rem; height: .3rem; top: 50%;  background-color: #EDEDED; position: absolute;left: 50%; transform: translate(-50%,-50%);}
.content_map_tab_dq {display: flex;align-items: center;}
.content_map_tab_dq span{display: block;margin-right: .06rem; width: .26rem;height: .26rem; background-image: url(../ssyq/6.png); background-size: 100% 100%;}
.content_map_tab_dq p{font-size: .18rem;}

.content_map_tab_list{display: flex;align-items: center;}
.content_map_tab_list span{display: block;margin-right: .06rem; width: .26rem;height: .26rem; background-image: url(../ssyq/7.png); background-size: 100% 100%;}
.content_map_tab_list p{font-size: .18rem;}

.action_on{color: #E1251B !important;}

.content_map_list{display: none;}
.content_map_list ul li{display: flex; justify-content: space-between; align-items: center; background-color: #fff; padding: .17rem; box-sizing: border-box; margin-bottom: .18rem;}
.content_map_list ul li>a{display: flex; width: 90%;}
.content_map_list_title{width: calc(100% - 3.5rem); display: flex; flex-direction: column; justify-content: space-between;}
.content_map_list_image{width: 2.5rem;height: 1.4rem; margin-right: .24rem;}
.content_map_list_image img{width: 100%;height: 100%;}

.content_map_list_title p:nth-child(1){font-size: .24rem; color: #05142D; }
.content_map_list_title p:nth-child(2){font-size: .16rem; color: #05142D99; font-family: JINGDONGLangZhengTi2Semilight;}
.content_map_list_title div{display: flex;  font-family: JINGDONGLangZhengTi2Semilight;}
.content_map_list_title div span{display: block; margin-right: .14rem;font-family: JINGDONGLangZhengTi2Semilight; border-radius: .48rem; padding: .08rem .08rem;background: rgba(225,37,26,0.04); font-size: .16rem; color: #E1251B;}
.content_map_list_mj{font-size: .24rem;color: #E1251B;}
.content_map_list_xq{width: 1.29rem;height: .4rem; border-radius: .37rem; border: .01rem solid #E1251B;display: flex; align-items: center;justify-content: center;}
.content_map_list_xq a{font-size: .16rem; color: #E1251B;display: block; font-family: JINGDONGLangZhengTi2Semilight;}
.content_map_list_xq:hover{background-color: #E1251B;}
.content_map_list_xq:hover a{color: #fff;}

.list-active{position: static;margin-bottom: .21rem;
    transform: translateX(13.6rem); background: none;}

    
.list-active .content_map_tab_dq span{background-image: url(../ssyq/8.png);}
.list-active .content_map_tab_list span{background-image: url(../ssyq/9.png);}


@media screen and (max-width: 768px) { 
    .content{padding-top: 1rem;}
    .content_serch{width: 100%; flex-direction: column-reverse; height: auto; padding: .1rem .22rem;}
    .searchbox{width: 100%; }
    .ParkSearch{width: 1.2rem}
    .content_map{width: 100%; height: 100%;}
    .content_serch >ul>li{min-width: 0;}
    .search_list>li{width: 25%;}
    .content_serchxs{width: 100%; margin-bottom: .2rem;}
    #basemap{height: 100vh;}
    .list-active{transform: translateX(0); width: 100%;}
    .content_map_list ul li>a{width: 100%;flex-wrap: wrap;}
    .content_map_list_title{width: 100%;}
    .content_map_list_image{width: 100%; aspect-ratio: 16 / 9; height: auto; margin-right: 0;}
    .content_map_list_title{margin-top: .2rem;}
    .content_map_list_title p:nth-child(1){margin-bottom: .2rem;}
    .content_map_list_title p:nth-child(2){margin-bottom: .2rem;}
    .content_map_list_title div{margin-bottom: .2rem;}
    .content_map_list ul li{flex-direction: column;}
    .content_map_list_xq{margin-top: .2rem;}
    .itme_one{    top: .3rem;}
    .type_list{width: 100%; top: .3rem; left: 0;}
    .area_list{ left: -.35rem; top: .3rem;}
    .rentablearea_list{width: 100%;top: .3rem;left: 0;}
    .rentablearea_list>li{width: 100%;}
    .content{padding: 0;}
    .content{padding-top: 1rem;}
    .content_serch .search_list{padding: .2rem 0;}
}