.dp_top_list{ width: 100%; height: 365px; background: url(/images/A1.jpg) no-repeat center 0; overflow: hidden;}
.dp_top_list h1,
.dp_top_list strong{ display: block; font-size: 64px; font-weight: bold; color: #f60; text-align: center; margin-top: 150px; text-shadow: 0px 3px 5px rgba(0,0,0,0.3);}
.dp_top_list .dp_search{ width: 550px; height: 50px; background: #fff; border-radius: 50px; margin: 30px auto; box-shadow: 0px 3px 5px rgba(0,0,0,0.3); position: relative;}
.dp_top_list .dp_search .search_txt{ width: 75%; height: 40px; line-height: 40px; margin: 5px 20px; border: none; color: #02357d; background: #fff; border-radius: 40px; font-size: 16px;}
.dp_top_list .dp_search .search_btn{ border-radius: 40px; height: 40px; line-height: 40px; border: none; background: #02357d; position: absolute; right: 5px; top: 5px; padding: 0 10px; box-sizing: content-box; color: #fff; font-weight: bold; font-size: 15px; cursor: pointer; }

.dp_list_box{ width: 1200px; overflow: hidden;  margin: 0 auto; }

.cation-content {width: 100%;margin: 0 auto;padding: 0; }
.cation-middle {line-height: 48px;background: #fff;padding:0px;font-size: 14px;border-radius: 5px;}
.cation-list {overflow: hidden;border-bottom: 1px dotted #e0e0e0;position: relative;}
.show_hei{ height: 50px;}
.cation-list dt { float: left; width: 80px; font-weight: 700;line-height: 48px;position: relative;color: #333;}
.cation-list .list_more{width: 80px;line-height: 48px;position: absolute;right: 0;top: 0;text-align: right;color: #8d8d91;cursor: pointer;font-size: 14px;}
.cation-list .list_more:hover{color: #f60;}
:before, :after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.cation-list dt:after {content: "";position: absolute;right: 12px;top: 22px;border: 1px solid #333;border-width: 0 1px 1px 0;width: 4px;height: 4px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}
.cation-list dd {margin-left: 80px;margin-right: 80px;overflow: hidden;}
.cation-list dd a {color: #8d8d91;font-size: 14px;line-height: 14px;height: 14px;float: left;border-right: 1px solid #e0e0e0;padding: 0 18px;margin: 17px 0;}
.cation-list dd a.on, .cation-list a:hover {color: #f60;}
.cation-list dd a:last-child {border-right: 0 none;}
.cation-list:last-child {border-bottom: 0 none;}

.cation-list dd .sx_li{ border:1px solid #eee; box-sizing: border-box; height: 30px; border-radius: 3px; line-height: 30px; padding-left: 10px;  display: block; float: left; margin-top: 8px; margin-left: 20px; }
.cation-list dd .sx_li a{ float: right; vertical-align: middle; margin: 8px 0; padding: 0 8px;}
.cation-list dd .sx_li:hover {border:1px solid #f60; color: #f60; background: #eee;}


.dp_zaiti_list_box{width: 100%;overflow: hidden; margin-top: 30px;}
.dp_zaiti_list_box .dp_list_left{ width: 920px; float: left;}

.dp_zaiti_list_box .dp_list_left  .dp_nav{ width: 100%; height: 50px; background: #f7f7f7; border-bottom: 1px solid #eee; box-sizing: border-box; margin: 0 auto; position: relative; }
.dp_zaiti_list_box .dp_list_left  .dp_nav .ss_nav{ display: inline-block; height:50px; margin: 0 15px; padding: 0 5px; color: #666; font-weight: bold;  box-sizing: border-box; line-height: 50px; font-size: 16px; }
.dp_zaiti_list_box .dp_list_left  .dp_nav .active{ border-bottom: 3px solid #02357d; color: #02357d;}
.dp_zaiti_list_box .dp_list_left .dp_zt_data{ width: 100%;  line-height: 50px;}
.dp_zaiti_list_box .dp_list_left .dp_zt_data strong{ color: #f60;}

.dp_zaiti_databox{ width: 100%; overflow: hidden;}
.dp_zaiti_databox .dp_data{ width: 100%; padding: 20px 0; box-sizing: border-box;  display: flex; flex-direction: row; border-bottom: 1px dashed #eee; }
.dp_zaiti_databox .dp_data .img_left{  width: 280px; height: 190px; overflow: hidden; margin-left: 20px;}
.dp_zaiti_databox .dp_data .img_left a{ display: block;}
.dp_zaiti_databox .dp_data .img_left img{width: 100%; height: 100%;}
.dp_zaiti_databox .dp_data .data_right{ flex: 3; margin-left: 30px; position: relative;}
.dp_zaiti_databox .dp_data .data_right .data_title a{ font-weight: bold; color: #02357d; font-size: 22px;}
.dp_zaiti_databox .dp_data .data_right .data_title a:hover{ color: #f60;}
.dp_zaiti_databox .dp_data .data_right .data_li{ width: 100%; overflow: hidden; color: #9399a5; margin-top: 20px;}
.dp_zaiti_databox .dp_data .data_right .data_li i{ margin-right: 10px; vertical-align:bottom;}
.dp_zaiti_databox .dp_data .data_right .data_li span{ margin-right: 20px;}
.dp_zaiti_databox .dp_data .data_right .data_li span a{color: #9399a5;}
.dp_zaiti_databox .dp_data .data_right .data_li span a:hover{ color: #f60;}
.dp_zaiti_databox .dp_data .data_right .data_li span em{ color:#f60 ;}
.dp_zaiti_databox .dp_data .data_right .data_sum{ position: absolute; bottom:90px ; right: 20px; color: #9399a5;}
.dp_zaiti_databox .dp_data .data_right .data_sum strong{ color: #f60; font-size: 24px;}
.dp_zaiti_databox .dp_data .data_right .data_xq{position: absolute; bottom:10px ; right: 20px;  }
.dp_zaiti_databox .dp_data .data_right .data_xq a{ display: none; width: 100px; height: 30px; border-radius: 30px; text-align: center; line-height: 30px; background: #02357d; color: #fff;  }
.dp_zaiti_databox .dp_data:hover .data_xq a{ display: block;}
.dp_zaiti_databox .dp_data:hover{ background: #f5f9ff;}

.dp_dataoff{ width: 100%; overflow: hidden; clear: both; margin-top: 100px;}
.dp_dataoff .icos{ font-size: 72px; text-align: center; color: #8d8d91;}
.dp_dataoff p{ text-align: center; line-height: 100px;}



.dp_zaiti_list_box .dp_list_right{ width: 260px; float: right;}
.dp_zaiti_list_box .dp_list_right .dp_shenqing{ width: 100%; height: 330px; background: url(/images/c1_1.jpg)no-repeat scroll 0 0; margin-bottom: 20px;  }
.dp_zaiti_list_box .dp_list_right .dp_shenqing .tit{ text-align: center; color: #fff; font-weight: bold; font-size: 24px; line-height: 80px; }
.dp_zaiti_list_box .dp_list_right .dp_shenqing .dp_btn{ display: block; text-align: center; width: 200px; margin: 30px auto; border-radius: 40px; height: 40px; line-height: 40px;  background: #f60;  box-sizing: content-box; color: #fff; font-weight: bold; font-size: 15px; }
.dp_zaiti_list_box .dp_list_right .dp_shenqing .dp_btn:hover{ background: #f80;}
.dp_zaiti_list_box .dp_list_right .dp_shenqing .txt{ text-align: center; color: #fff;line-height: 50px; }
.dp_zaiti_list_box .dp_list_right .dp_shenqing .txt strong{ color: #f60;}
.dp_zaiti_list_box .dp_list_right .dp_shenqing .hotcall{ text-align: center; margin: 20px auto; cursor: pointer;}

.dp_zaiti_list_box .dp_list_right .dp_right_list{ width: 100%; overflow: hidden; background: #f7f7f7; padding: 10px; box-sizing: border-box;  margin-bottom: 20px;}
.dp_zaiti_list_box .dp_list_right .dp_right_list .tit{ font-size: 24px; font-weight: bold; vertical-align: top;}
.dp_zaiti_list_box .dp_list_right .dp_right_list .tit a{ float: right; color: #666; font-size: 14px; margin-top: 10px; font-weight: normal; vertical-align: bottom;}
.dp_zaiti_list_box .dp_list_right .dp_right_list .dptxt_list{ width: 100%; overflow: hidden;}
.dp_zaiti_list_box .dp_list_right .dp_right_list .dptxt_list ul li{ width: 100%; float: left; }
.dp_zaiti_list_box .dp_list_right .dp_right_list .dptxt_list ul li a{ display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #666; line-height: 35px; }
.dp_zaiti_list_box .dp_list_right .dp_right_list .dptxt_list ul li a:hover{ color: #02357d;}
.dp_zaiti_list_box .dp_list_right .dp_right_list .sj ul li{text-indent: 0px;}


.dp_list_link{ width: 1200px; overflow: hidden; min-height: 120px; margin: 100px auto 50px auto;}
.dp_list_link .dp_link_tabs{ width: 100%; overflow: hidden;}
.dp_list_link .dp_link_tabs strong{ margin-right: 20px; cursor: pointer; }
.dp_list_link .dp_link_tabs .on{ color:#02357d ;}
.dp_list_link .link_con{ margin-top: 20px;}
.dp_list_link .links a{ line-height: 30px; color: #999; margin-right: 20px;}
.dp_list_link .links a:hover{color:#02357d ;}


/*房源详情*/
.dp_zaiti_info{ width: 1200px; margin: 30px auto 0 auto; position: relative; overflow: hidden;}
.dp_zaiti_info .zaiti_litle{ width: 100%; font-size: 36px; font-weight: bold; color: #02357d;}
.dp_zaiti_info .zaiti_s{ color: #999; line-height: 50px;}
.dp_zaiti_info .zaiti_s span{ margin-right: 20px;}
.dp_zaiti_info .ztsc { display: block; position: absolute; right: 0; bottom: 10px; width: 100px; height: 30px; border-radius: 30px; text-align: center; line-height: 30px; border: 1px solid #02357d; box-sizing: border-box; color: #02357d;  }
.dp_zaiti_info .on{background: #02357d; color: #fff;}
.dp_zaiti_info .ztsc span{ vertical-align: bottom;}
.zaitiinfoleft{ width: 640px; height: 430px; float: left; overflow: hidden;}
.zaitiinforight{ width: 560px; height: 430px; box-sizing: border-box; border: 1px solid #eee; float: right;  box-sizing: border-box; position: relative; }
.zaitiinforight .xcxfx{ width: 45px; height: 45px; font-size: 45px; cursor: pointer; color: #f60;  position: absolute; right: -1px; top: -1px; overflow: hidden; cursor: pointer}
.zaitiinforight .cody_box{width: 180px; height: 220px; border:1px solid #eee; border-radius: 3px; background: #fff;box-shadow: rgba(0,0,0,.05) 0px 0px 2px 1px; position: absolute; right: -1px; top:-1px; z-index: 9;  text-align: center;  line-height: 30px; padding: 10px; box-sizing: border-box;}
.zaitiinforight .cody_box img{ width: 100%;}
.zaitiinforight .sum{ width: 100%; border-bottom: 1px dashed #eee;  color: #666; padding: 30px; box-sizing: border-box; }
.zaitiinforight .sum strong{ font-size: 36px; color: #f60;  }
.zaitiinforight .infos{ width: 100%; overflow: hidden; padding: 20px; box-sizing: border-box;}
.zaitiinforight .infos ul li{ width:50%; float: left; line-height: 30px; color: #999;}
.zaitiinforight .infos ul li span{ color:#02357d;}
.zaitiinforight .infos ul li:last-child{ width: 100%;}
.zaitiinforight .infos ul li a{color:#02357d;}
.zaitiinforight .infos ul li a:hover{ color: #f60;}


.zaitiinforight .dianpu{  width: 100%; height: 190px; padding:20px 0 20px 30px; box-sizing: border-box; border-top: 1px solid #eee; background: #fbfbfb; position: relative;}
.zaitiinforight .dianpu .dp_img{ width: 65px;height: 65px; border-radius: 65px; border: 3px solid #fff;  position: relative;  float: left; }
.zaitiinforight .dianpu .dp_img img{ width: 65px; height: 65px; border-radius: 65px;}

.zaitiinforight .dianpu .dp_img{ border: 3px solid #ccc;}
.zaitiinforight .dianpu .dp_img .viptxt{ display: block; color: #999; width: 65px; text-align: center; position: absolute; left:0; bottom: -15px;  font-weight: bold;  font-size: 16px; }
.zaitiinforight .dianpu .dp_img .icon-caidai1{ display: block; color: #ccc; position: absolute; left:-27px; bottom: -75px; font-size: 120px; text-shadow: 0px 1px 3px rgba(0,0,0,0.3);}


.zaitiinforight .dianpu .vip{ border: 3px solid #fdba4b;}
.zaitiinforight .dianpu .vip .viptxt{ display: block; color: #b47204; width: 65px; text-align: center; position: absolute; left:0; bottom: -15px;  font-weight: bold;  font-size: 16px; }
.zaitiinforight .dianpu .vip .icon-caidai1{ display: block; color: #fdba4b; position: absolute; left:-27px; bottom: -75px; font-size: 120px; text-shadow: 0px 1px 3px rgba(0,0,0,0.3);}


.zaitiinforight .dianpu .dp_info{ float: left; width: 240px;  margin-left: 30px; overflow: hidden; }
.zaitiinforight .dianpu .dp_info .dp_name{ font-size: 21px;  font-weight: bold; margin-bottom: 10px; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.zaitiinforight .dianpu .dp_info .dp_name a{color: #02357d;}
.zaitiinforight .dianpu .dp_info .dp_li{ color: #666; line-height: 24px;}
.zaitiinforight .dianpu .dp_info .dp_li span{ color: #02357d;}
.zaitiinforight .dianpu .dp_info .dp_li span a{color: #02357d;}
.zaitiinforight .dianpu .dp_info .dp_li span a:hover{ color: #f60;}

.zaitiinforight .dianpu .dp_info .phone_zx{ margin-top: 20px; width: 100%; font-size: 18px; height: 30px;  line-height: 30px;  font-weight: bold; box-sizing: border-box; color: #02357d; }
.zaitiinforight .dianpu .dp_info .phone_zx span{ margin-right: 5px; font-size: 21px;}

.zaitiinforight .dianpu .mp_gt{ width: 150px; height: 180px; position: absolute; right: 20px; top: 5px; z-index: 3; }
.zaitiinforight .dianpu .mp_gt .gtcord{ width: 150px; height: 150px; overflow: hidden;}
.zaitiinforight .dianpu .mp_gt .gtcord img{ width: 150px; height: 150px;}
.zaitiinforight .dianpu .mp_gt p{ text-align: center; line-height: 30px; color: #02357d;}
.zaitiinforight .dianpu .mp_gt p span{ vertical-align: middle; margin-right: 5px;}

.zaitiinforight .dianpu .dp_calls{ float: left; width: 200px; height: 120px;  margin-left: 20px;  position: relative;}
.zaitiinforight .dianpu .dp_calls .phone_zx{ display: block;  float: right; margin-right: 20px;  width: 185px; height: 30px; border-radius: 30px; text-align: center; line-height: 30px; background: #02357d; box-sizing: border-box; color: #fff; }
.zaitiinforight .dianpu .dp_calls .line_zx{ display: block;  float: left;  width: 85px; height: 30px; cursor: pointer; border-radius: 30px; text-align: center; line-height: 30px; background: #f60; box-sizing: border-box; color: #fff; }
.zaitiinforight .dianpu .dp_calls .line_zx span,
.zaitiinforight .dianpu .dp_calls .phone_zx span{ vertical-align: bottom; margin-right: 5px;}
.zaitiinforight .dianpu .dp_calls .phone_zx:hover{ background:#04429a ;}
.zaitiinforight .dianpu .dp_calls .line_zx:hover{ background:#fb7820 ;}
.zaitiinforight .dianpu .dp_calls .call_box{ width: 200px; height: 40px; color: #fff; background: #02357d; box-shadow: rgba(0,0,0,.05) 0px 0px 2px 1px; position: absolute; left: -60px; bottom: 35px; z-index: 2;  text-align: center; font-size: 24px; font-weight: bold; line-height: 40px;}

.dp_list_left  .dp_zttit{font-size: 32px; font-weight: bold;  }
.dp_list_left  .zaiti_txt{ width: 100%;  overflow: hidden; margin-top: 20px; margin-bottom: 50px;}
.dp_list_left  .zaiti_txt p{ text-indent: 2em; margin: 10px 0; line-height: 2.5em;}
.dp_list_left  .zaiti_txt img{ width: 100%; margin: 20px auto;}


/*店铺详情*/
.dp_dianpu_info{ width: 100%; height: 550px; overflow: hidden; }

.dianpubanner .d_title{ display: block; font-size: 36px; font-weight: bold; color: #02357d; text-align: center; margin-top: 180px; text-shadow: 0px 3px 5px rgba(0,0,0,0.3);}
.dianpubanner strong{ display: block; font-size: 64px; font-weight: bold; color: #f60; text-align: center; margin-top: 30px; text-shadow: 0px 3px 5px rgba(0,0,0,0.3);}
.dianpubanner .dp_search{ width: 550px; height: 50px; background: #fff; border-radius: 50px; margin: 30px auto; box-shadow: 0px 3px 5px rgba(0,0,0,0.3); position: relative;}
.dianpubanner .dp_search .search_txt{ width: 75%; height: 40px; line-height: 40px; margin: 5px 20px; border: none; color: #02357d; background: #fff; border-radius: 40px; font-size: 16px;}
.dianpubanner .dp_search .search_btn{ border-radius: 40px; height: 40px; line-height: 40px; border: none; background: #02357d; position: absolute; right: 5px; top: 5px; padding: 0 10px; box-sizing: content-box; color: #fff; font-weight: bold; font-size: 15px; cursor: pointer; }
.dianpubanner a{ display: block; width: 100%; height: 550px; overflow: hidden; }



.dianpubox{  width: 100%; height: 280px;  padding:30px 50px; box-sizing: border-box; background: #fbfbfb; position: relative; margin-top: 20px;}
.dianpubox .dp_img{ width: 150px;height: 150px; border-radius: 150px; border: 3px solid #fff;  position: relative;  float: left; }
.dianpubox .dp_img img{ width: 150px; height: 150px; border-radius: 150px;}

.dianpubox .dp_img{ border: 3px solid #ccc;}
.dianpubox .dp_img .viptxt{ display: block; color: #999; width: 150px; text-align: center; position: absolute; left:0; bottom: -27px;  font-weight: bold;  font-size: 27px; }
.dianpubox .dp_img .icon-caidai1{ display: block; color: #ccc; position: absolute; left:-24px; bottom: -127px; font-size: 200px; text-shadow: 0px 1px 3px rgba(0,0,0,0.3); opacity: 0.9;}


.dianpubox .vip{ border: 3px solid #fdba4b;}
.dianpubox .vip .viptxt{ display: block; color: #b47204; width: 150px; text-align: center; position: absolute; left:0; bottom: -27px;  font-weight: bold;  font-size: 27px; }
.dianpubox .vip .icon-caidai1{ display: block; color: #fdba4b; position: absolute; left:-24px; bottom: -127px; font-size: 200px; text-shadow: 0px 1px 3px rgba(0,0,0,0.3); opacity: 0.9; }


.dianpubox .dp_info{ float: left; width: 600px;  margin-left: 50px; overflow: hidden; }
.dianpubox .dp_info .dp_name{ font-size: 32px; font-weight: bold; color: #02357d; margin-bottom: 20px; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.dianpubox .dp_info .dp_li{ color: #666; line-height: 30px;}
.dianpubox .dp_info .dp_li span{ color: #02357d; margin-right: 20px;}
.dianpubox .dp_info .dp_li span a{color: #02357d;}

.dianpubox .dp_info .dp_calls{  width: 100%; margin-top: 30px;  position: relative;}
.dianpubox .dp_info .dp_calls .phone_zx{   float: left;  width: 150px; height: 30px; border-radius: 30px; text-align: center; line-height: 30px; background: #eee; box-sizing: border-box; color: #02357d; }
.dianpubox .dp_info .dp_calls .ztsc {  float: left; margin-right: 20px;  cursor: pointer; width: 100px; height: 30px; border-radius: 30px; text-align: center; line-height: 30px; background: #eee; box-sizing: border-box; color: #02357d; margin-bottom: 20px; }
.dianpubox .dp_info .dp_calls .on{background: #02357d; color: #fff; }
.dianpubox .dp_info .dp_calls .fenxiang{ float: left; margin-right: 20px;  cursor: pointer; width: 100px; height: 30px; border-radius: 30px; text-align: center; line-height: 30px; background: #eee; box-sizing: border-box; color: #02357d; margin-bottom: 20px; }
.dianpubox .dp_info .dp_calls .ztsc span,
.dianpubox .dp_info .dp_calls .line_fabu span,
.dianpubox .dp_info .dp_calls .phone_zx span{ vertical-align: bottom;}
.dianpubox .dp_info .dp_calls .fenxiang:hover,
.dianpubox .dp_info .dp_calls .ztsc:hover{ background:#04429a ; color: #fff;}
.dianpubox .dp_info .dp_calls .call_box{ width: 200px; height: 40px; color: #fff; background: #02357d; box-shadow: rgba(0,0,0,.05) 0px 0px 2px 1px; position: absolute; left: -50px; bottom: 70px; z-index: 2;  text-align: center; font-size: 24px; font-weight: bold; line-height: 40px;}

.dianpubox .zixunma{ width: 150px; height: 180px; position: absolute; right: 50px; bottom: 35px;  }
.dianpubox .zixunma img{ width: 150px; height: 150px; float: left;}
.dianpubox .zixunma p{ text-align: center; line-height: 30px; color: #02357d;}
.dianpubox .zixunma p span{ vertical-align: middle;}

.dianpubox .cody_box{width: 180px; height: 180px; border:1px solid #eee; border-radius: 3px; background: #fff;box-shadow: rgba(0,0,0,.05) 0px 0px 2px 1px; position: absolute; left:80px; top:-190px; z-index: 3;  text-align: center;  line-height: 30px; padding: 10px; box-sizing: border-box;}
.dianpubox .cody_box img{ width: 100%;}



.dinapu_msg{ width: 260px;overflow: hidden; background: #fbfbfb; position: relative; }
.dinapu_msg .dp_img{ width: 80px;height: 80px; border-radius: 80px; border: 3px solid #fff;  position: relative;  margin: 30px auto 80px auto; }
.dinapu_msg .dp_img img{ width: 80px; height: 80px; border-radius: 80px;}

.dinapu_msg .dp_img{ border: 3px solid #ccc;}
.dinapu_msg .dp_img .viptxt{ display: block; color: #999; width: 80px; text-align: center; position: absolute; left:0; bottom: -15px;  font-weight: bold;  font-size: 16px; }
.dinapu_msg .dp_img .icon-caidai1{ display: block; color: #ccc; position: absolute; left:-27px; bottom: -85px; font-size: 136px; text-shadow: 0px 1px 3px rgba(0,0,0,0.3);}

.dinapu_msg .vip{ border: 3px solid #fdba4b;}
.dinapu_msg .vip .viptxt{ display: block; color: #b47204; width: 80px; text-align: center; position: absolute; left:0; bottom: -15px;  font-weight: bold;  font-size: 16px; }
.dinapu_msg .vip .icon-caidai1{ display: block; color: #fdba4b; position: absolute; left:-27px; bottom: -85px; font-size: 136px; text-shadow: 0px 1px 3px rgba(0,0,0,0.3);}

.dinapu_msg  .dp_name{ position: absolute; top: 120px; left: 10px; width: 240px; font-size: 21px;  margin-top: 30px;  text-align:center; color: #02357d; font-weight: bold; margin-bottom: 10px; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.dinapu_msg  .dp_name a{color: #02357d;}

.dinapu_msg .dianpuinfo{ width: 240px; height: 60px; background: #eee; display: flex; flex-direction: row; margin: 0 auto;  }
.dinapu_msg .dianpuinfo div{margin: 0 auto;}
.dinapu_msg .dianpuinfo div p{ line-height: 30px; text-align: center;}

.dinapu_msg .goutongcord{ width: 150px; height: 180px; margin: 20px auto;  }
.dinapu_msg .goutongcord img{ width: 150px; height: 150px; border-radius: 20px;}
.dinapu_msg .goutongcord p{ text-align: center; line-height: 30px; background:#02357d ; color: #fff;}
.dinapu_msg .goutongcord p span{ vertical-align: middle;}

.dinapu_msg .dianpuedit{ width: 100%; height: 50px; }
.dinapu_msg .dianpuedit .dpsc,
.dinapu_msg .dianpuedit .dpfx,
.dinapu_msg .dianpuedit .dpdh{ background: #fff; width: 33%;  float: left; color: #02357d ; cursor: pointer; line-height: 50px;  height: 50px; text-align: center;  text-align: center;  }
.dinapu_msg .dianpuedit div span{ vertical-align: middle;}

.sc_info{ width: 100%; height: 50px; line-height: 50px; padding: 0 20px; box-sizing: border-box; position: absolute; bottom: 50px; background:#02357d ; color: #fff;}
.sc_info span{ position: absolute; bottom: -32px; left: 20px; font-size: 24px; color:#02357d ;}

.dpphone{ width: 100%; height: 50px; line-height: 50px; padding: 0 20px; box-sizing: border-box; pointer-events: none; text-align: center; font-size: 24px; position: absolute; bottom: 50px; background:#eee ; color: #02357d;}
.dpphone span{ position: absolute; bottom: -32px; right: 20px; font-size: 24px; color:#eee ;}

.share_cord{ width: 100%; height: 200px; line-height: 50px; text-align: center; pointer-events: none; position: absolute; bottom: 50px; background:#eee ; color: #02357d;}
.share_cord img{ width: 150px; height: 150px; margin-top: 30px; border-radius: 20px;}
.share_cord span{ position: absolute; bottom: -32px; left: 45%; font-size: 24px; color:#eee ;}

.zwd{width: 100%; height: 1px; overflow: hidden;}
.dpbox_scr{ display: none;}
.dpfix{ display: block; position: fixed; left: 50%; top: 100px; z-index: 3; margin-left: 340px; box-shadow: rgba(16,36,94,0.2) 0px 1px 4px 0px; }



.dp_list_databox{ width: 100%; overflow: hidden;}
.dp_list_databox .dp_data{ width: 100%; padding: 30px 0; box-sizing: border-box;  display: flex; flex-direction: row; border-bottom: 1px dashed #eee; }
.dp_list_databox .dp_data .img_left{  width: 120px; height: 120px; overflow: hidden;}
.dp_list_databox .dp_data .img_left img{width: 100%; height: 100%;}
.dp_list_databox .dp_data .data_right{ flex: 3; margin-left: 30px; position: relative;}
.dp_list_databox .dp_data .data_right .data_title a{ font-weight: bold; color: #02357d; font-size: 22px;}
.dp_list_databox .dp_data .data_right .data_title a:hover{ color: #f60;}
.dp_list_databox .dp_data .data_right .data_li{ width: 100%; overflow: hidden; color: #9399a5; margin-top: 20px;}
.dp_list_databox .dp_data .data_right .data_li i{ margin-right: 10px; vertical-align:bottom;}
.dp_list_databox .dp_data .data_right .data_li span{ margin-right: 20px;}
.dp_list_databox .dp_data .data_right .data_li span a{color: #9399a5;}
.dp_list_databox .dp_data .data_right .data_li span em{ color:#f60 ;}
.dp_list_databox .dp_data .data_right .data_sum{ position: absolute; bottom:90px ; right: 0; color: #9399a5;}
.dp_list_databox .dp_data .data_right .data_sum strong{ color: #f60; font-size: 24px;}
.dp_list_databox .dp_data .data_right .data_xq{position: absolute; bottom:10px ; right: 20px;  }
.dp_list_databox .dp_data .data_right .data_xq a{ display: none; width: 100px; height: 30px; border-radius: 30px; text-align: center; line-height: 30px; background: #02357d; color: #fff;  }
.dp_list_databox .dp_data:hover .data_xq a{ display: block;}

.dianpulistbox{  width: 100%; overflow: hidden; padding:20px 10px; box-sizing: border-box;  position: relative;  border-bottom: 1px solid #eee;}
.dianpulistbox .dp_img{ width: 100px;height: 100px; border-radius: 100px; border: 3px solid #fff;  position: relative;  float: left; }
.dianpulistbox .dp_img a{ display: block;}
.dianpulistbox .dp_img img{ width: 100px; height: 100px; border-radius: 100px;}


.dianpulistbox:hover{background: #f5f9ff;}

.dianpulistbox .dp_img{ border: 3px solid #ccc; display: block; margin-left: 20px;}
.dianpulistbox .dp_img .viptxt{ display: block; color: #999; width: 100px; text-align: center; position: absolute; left:0; bottom: -22px;  font-weight: bold;  font-size: 22px; }
.dianpulistbox .dp_img .icon-caidai1{ display: block; color: #ccc; position: absolute; left:-21px; bottom: -90px;  font-size: 142px; text-shadow: 0px 1px 3px rgba(0,0,0,0.3); opacity: 0.9;}


.dianpulistbox .vip{ border: 3px solid #fdba4b;}
.dianpulistbox .vip .viptxt{ display: block; color: #b47204; width: 100px; text-align: center; position: absolute; left:0; bottom: -22px;  font-weight: bold;  font-size: 22px; }
.dianpulistbox .vip .icon-caidai1{ display: block; color: #fdba4b; position: absolute; left:-21px; bottom: -90px; font-size: 142px; text-shadow: 0px 1px 3px rgba(0,0,0,0.3); opacity: 0.9; }


.dianpulistbox .dp_info{ float: left; width: 740px;  margin-left: 30px; overflow: hidden; position: relative; }
.dianpulistbox .dp_info .dp_name{ font-size: 22px; font-weight: bold; color: #02357d; margin-bottom: 10px; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.dianpulistbox .dp_info .dp_name a{color: #02357d;}
.dianpulistbox .dp_info .dp_name a:hover{ color: #f60;}
.dianpulistbox .dp_info .dp_li{ color: #666; line-height: 30px;}
.dianpulistbox .dp_info .dp_li span{ color: #02357d; margin-right: 20px;}
.dianpulistbox .dp_info .dp_li span a{color: #02357d;}
.dianpulistbox .dp_info .dp_li span a:hover{color: #f60;}

.dianpulistbox .dp_info .dp_calls{  width: 100%; margin-top: 20px;  position: relative;}
.dianpulistbox .dp_info .dp_calls .phone_zx{   float: left;  width: 150px; height: 30px; border-radius: 30px; text-align: center; line-height: 30px; background: #eee; box-sizing: border-box; color: #02357d; }
.dianpulistbox .dp_info .dp_calls .ztsc {  float: left; margin-right: 20px;  cursor: pointer; width: 100px; height: 30px; border-radius: 30px; text-align: center; line-height: 30px; background: #eee; box-sizing: border-box; color: #02357d;  }
.dianpulistbox .dp_info .dp_calls .zixun {  float: right; margin-right: 20px;  cursor: pointer; width: 100px; height: 30px; border-radius: 30px; text-align: center; line-height: 30px; background: #02357d; box-sizing: border-box; color: #fff;  }
.dianpulistbox .dp_info .dp_calls .on{background: #02357d; color: #fff; }
.dianpulistbox .dp_info .dp_calls .fenxiang{ float: left; margin-right: 20px;  cursor: pointer; width: 100px; height: 30px; border-radius: 30px; text-align: center; line-height: 30px; background: #eee; box-sizing: border-box; color: #02357d;  }
.dianpulistbox .dp_info .dp_calls .ztsc span,
.dianpulistbox .dp_info .dp_calls .zixun span,
.dianpulistbox .dp_info .dp_calls .phone_zx span{ vertical-align: bottom;}
.dianpulistbox .dp_info .dp_calls .ztsc:hover{ background:#04429a ; color: #fff;}
.dianpulistbox .dp_info .dp_calls .call_box{ width: 200px; height: 40px; color: #fff; background: #02357d; box-shadow: rgba(0,0,0,.05) 0px 0px 2px 1px; position: absolute; left: -50px; bottom: 70px; z-index: 2;  text-align: center; font-size: 24px; font-weight: bold; line-height: 40px;}


.dianpulistbox .dp_info .zixunma{ width: 120px; height: 120px; position: absolute; right: 2px; top: 0px;  display: none; }
.dianpulistbox .dp_info .zixunma img{ width: 120px; height: 120px; float: left; border-radius: 20px;}

.dianpulistbox .dp_zaiti_tj{ width: 740px; clear: both; display: flex; flex-direction: row;  overflow: hidden; padding-top: 30px; margin-left: 155px; }
.dianpulistbox .dp_zaiti_tj .ztlist{ width: 24%; overflow: hidden; margin-right: 2%; }
.dianpulistbox .dp_zaiti_tj .ztlist .ztimg{ display: block; width: 100%; height: 115px; border-radius: 5px; background: #eee; overflow: hidden;}
.dianpulistbox .dp_zaiti_tj .ztlist .ztimg img{ width: 100%; height: 100%; }
.dianpulistbox .dp_zaiti_tj .ztlist .ztname{ display: block; color: #02357d; height: 30px; line-height: 30px; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.dianpulistbox .dp_zaiti_tj .ztlist .ztname:hover{ color: #f60;}
.dianpulistbox .dp_zaiti_tj .ztlist p{ line-height: 30px; display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.dianpulistbox .dp_zaiti_tj .ztlist p span{ margin-right: 10px; color: #999; }
.dianpulistbox .dp_zaiti_tj .ztlist p span a:hover{color: #f60;}
.dianpulistbox .dp_zaiti_tj .ztlist p strong{ font-size: 21px; font-weight: bold; color: #f60;}
.dianpulistbox .dp_zaiti_tj .ztlist:last-child{margin-right: 0;}


/*园店铺房源详情 自定义属性*/
.self_sx_box{ width: 100%; overflow: hidden; padding:30px 0px 0 0; box-sizing: border-box;}
.self_sx_box ul li{ width:45%; float: left; line-height: 30px; color: #999;}
.self_sx_box ul li span{ color:#02357d;}


/*房源地图切换 */
.zaiti_MapBox{ width: 100%; height: 400px; overflow: hidden; margin-bottom: 50px; margin-top: 30px; position: relative;}
.tabBox{ position: absolute; top: 10px; bottom: 10px; right: 10px; width: 385px; background-color: #fff; box-shadow: 0 0 8px rgba(0,0,0,.2);}
.tabBox .aroundType {  display: block; width: 100%; height: 40px; font-size: 0; background-color: #fff; border-radius: 2px;}
.tabBox .aroundType li {  cursor: pointer; display: inline-block; width: 16.66%; line-height: 40px; text-align: center; background: #f1f1f1; color: #384043; font-size: 14px;}
.tabBox .aroundType li.selectTag {position: relative; background: #fff; font-weight: 900; color: #2a86ef; box-shadow: 1px 0 0 rgba(0,0,0,.05);}
.tabBox .aroundType li.selectTag:before { content: ""; width: 100%; height: 2px; background: #2a86ef; position: absolute; top: 0; left: 0;}

.tabBox .itemTagBox {box-sizing: border-box; margin-left: 17px; padding-top: 10px; border-bottom: 1px solid #eee;}
.tabBox .itemTagBox .tagStyle { display: inline-block; height: 43px; line-height: 43px; margin-right: 22px; cursor: pointer;}
.tabBox .itemTagBox .tagStyle.select { box-sizing: border-box; border-bottom: 1px solid #2a86ef; color: #2a86ef;}

.tabBox .aroundList { padding-top: 10px; height: 330px; overflow-y: auto;}
.tabBox .aroundList .itemBox{ display: block;}
.tabBox .itemBox li { padding: 10px 0;  cursor: pointer;}
.tabBox .itemBox li:hover{ background: #f5f5f5;}
.tabBox .itemBox li .contentActive { border-left: 2px solid #2a86ef;}
.tabBox .itemBox li .itemActive{  color: #2a86ef;} 

.contentBox,
.makerDetailStyle{ padding: 0 17px; }
.contentBox .itemContent, 
.makerDetailStyle .itemContent {  color: #101d37; font-size: 14px; overflow: hidden;}
.contentBox .itemContent span, 
.makerDetailStyle .itemContent span { float: left;  font-weight: 700; margin-right: 10px;}
.contentBox .itemContent .itemTitle, 
.makerDetailStyle .itemContent .itemTitle { display: block; max-width: 44%; min-width: 44%; margin-right: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.itemContent .iconfont{ vertical-align: middle; margin-top: 2px;}
.contentBox .itemInfo, 
.makerDetailStyle .itemInfo {color: #9399a5; font-size: 14px; padding: 8px 19px 0 25px; text-align: justify;overflow: hidden;word-break: break-all; word-wrap: break-word; white-space: normal;}

.zaitimapname{ position: absolute; z-index:3; line-height: 24px; border-radius: 2px; padding: 10px 14px; font-size: 14px; color: #fff; display: inline-block; background-color: #5184f9; box-shadow: 0 0 4px rgba(0,0,0,.2); font-weight: 900;}

.maplabel{position: absolute; display: inline; cursor: inherit;   border: 0px;white-space: nowrap;  z-index: 3;	user-select: none;}
.maplabel .item{ display: block; width: 35px;  height: 35px; text-align: center; font-size: 18px; color: #fff; line-height: 25px; background: url(/images/biaodian.png) no-repeat scroll 0 0; background-size: cover; color: #fff;}
.maplabel .labelactive{background: url(/images/biaodianblue.png) no-repeat scroll 0 0; background-size: cover;}
.maplabel .makerDetailStyle{position: absolute; left: -120px; width: 240px; padding: 17px; background: #fff; box-shadow: 0 0 6px 0 rgba(13,4,9,.2); z-index: 999; display: none; }
.maplabel .showMarkerDetail{display: block;}
.maplabel .makerDetailStyle .detailArrow{position: absolute; width: 10px; height: 10px;bottom: -4px;left: 50%;background: #fff; margin-left: -5px;display: inline-block;  -webkit-transform: rotate(45deg); transform: rotate(45deg);}



.linebox{ width: 100%; overflow: hidden; margin-top: 20px;}
.linebox h3{ width: 100%; text-indent: 20px;  line-height: 30px;  font-size: 28px; margin-bottom: 20px;  font-weight: bold;}