@charset "utf-8";
/* CSS Document */



/*
!*pc-1920*!
@media screen and (min-width: 1680px) {
    body{background: #fff;}
    .search-box{position: relative; overflow: hidden}
    .search-box .clean{font-size: 20px; color: #727171; text-decoration: none;}
    .search-box .clean>i{font-size: 24px; margin-right: 15px; margin-left: 59px; }
    .search-box .search-bar{position: absolute;width: 555px; height: 40px; right: 40px; top:40px;font-size: 0;}
    .search-box .search-bar>input{width: 410px; height:38px; border: 1px solid #979797; border-right: none;  outline: none;vertical-align: middle; padding: 0 20px 0 44px; font-size: 18px;}
    .search-box .search-bar .search-btn{width: 80px; height: 40px;display: inline-block; background: #f6ab00; text-decoration: none; text-align: center;line-height: 38px; color: #fff; vertical-align: middle;}
    .search-box .search-bar .search-btn i{font-size: 22px;}
    .search-box .search-bar .search-btn:active{background: #f79911}

    .search-box .search-type{width: 1640px; margin: 72px auto 0;}
    .search-box .search-type .title{font-size: 20px; color: #393d49; margin-right: 34px;}
    .search-box .search-type .area{ padding-bottom: 30px;}
    .search-box .search-type .area .area-item{ display: inline-block; font-size: 20px; color: #4e4e4e; margin-right: 12px; cursor: pointer; border: 1px solid #e6e5e5; padding: 0 20px 0 26px;}
    .search-box .search-type .area .active{ color: #f6ab00;}
    .search-box .search-type .area .area-item>i{margin-left: 10px;}
    .search-box .search-type .area-detail{padding: 0; border-bottom:1px solid #e6e5e5; user-select: none;-webkit-user-select: none;-ms-user-select: none;-moz-user-select: none;  }
    .search-box .search-type .area-detail>div{margin: 40px 0 40px 100px;}
    .search-box .search-type .area-detail .part{margin-bottom: 20px;}
    .search-box .search-type .area-detail .part .part-t{font-size: 20px; color: #393d49;margin-right: 30px;}
    .search-box .search-type .area-detail .part label{margin-right: 40px; line-height: 40px; }
    .search-box .search-type .area-detail .part label>span{font-size: 20px; color: #393d49; font-weight: 200; }
    .search-box .search-type .area-detail .part label:hover{text-decoration: underline; }
    .search-box .search-type .area-detail .part .active:hover{text-decoration: none; }
    .search-box .search-type .area-detail .part label.active >span{color: #f7aa00}
    .search-box .search-type .item-wrap{margin-top: 40px;}
    .search-box .search-type .item-wrap .type-box{display: inline-block; width: 90%; vertical-align: top;}
    .search-box .search-type .item-wrap .type-box .opt{text-decoration: none;font-size: 20px; color: #4e4e4e; margin-right: 44px; font-weight: 300; white-space: nowrap;}
    .search-box .search-type .item-wrap .type-box .opt:hover{text-decoration: underline; }
    .search-box .search-type .item-wrap .type-box .active{color: #f7aa00}
    .search-box .search-type .item-wrap .type-box .active:hover{text-decoration: none;}
    .search-box .search-type .item-wrap .more-type{display: inline-block}
    .search-box .search-type .column{display: none;}
    .search-box .search-type .item-wrap .more-type .select{width: 180px;height: 50px; border: 1px solid #393d49; font-size: 0; cursor: pointer;user-select: none;-webkit-user-select: none;-ms-user-select: none;-moz-user-select: none;  }
    .search-box .search-type .item-wrap .more-type .select>span{width: 60%; display: inline-block; padding: 0 10%; line-height: 50px; height: 48px; font-size: 21px; color: #393d49;font-weight: 300; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;}
    .search-box .search-type .item-wrap .more-type .select>i{width: 20%; line-height: 50px; font-size: 21px; vertical-align: middle;}

    .content{width: 100%; height:825px; margin: 0 auto 0;background: #fff;font-size: 0;border-top: 1px solid #A1A1A1;overflow: hidden;position: relative;}
    .content .map-box{width: 100%;height:825px;display: inline-block;}
    .content .list-box{width: 550px;height:825px;position: absolute;right: -550px;top:0;background: #fff;z-index: 2;overflow-y: auto;}
    .content .list-box .list-wrap{cursor: pointer; }
    .content .list-box .list-wrap .item{border-bottom: 1px solid #393d49; }
    .content .list-box .list-wrap .item .pic{width: 168px;height: 126px;display: inline-block;overflow: hidden;margin: 26px 20px;vertical-align: middle;}
    .content .list-box .list-wrap .item .pic img{width: 100%;}
    .content .list-box .list-wrap .item .info{display: inline-block;width: 320px; vertical-align: middle;}
    .content .list-box .list-wrap .item .info .title{font-size: 22px; color: #393d49; font-weight: bold;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
    .content .list-box .list-wrap .item .info .desc{font-size: 14px; color: #393d49; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 10px; }
    .content .list-box .list-wrap .item .info .rent{font-size: 18px; color: #393d49;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 10px; }
    .content .list-box .list-wrap .item .info .rent>span{color: #f7aa00;font-weight: bold }



}
*/

/*pc-public*/
@media screen and (min-width: 1340px){
    body{background: #fff;}
    .search-box{position: relative; overflow: hidden;width: 1200px;margin: 0 auto;}
    .search-box .clean{font-size: 16px; color: #727171; text-decoration: none;}
    .search-box .clean>i{font-size: 16px; margin-right: 10px; margin-left: 10px; }
    .search-box .search-bar{position: absolute;width: 400px; height: 40px; right: 0; top:68px;font-size: 0;}
    .search-box .search-bar>input{width: 295px; height:38px; border: 1px solid #979797; border-right: none;  outline: none;vertical-align: middle; padding: 0 10px 0 14px; font-size: 16px;}
    .search-box .search-bar .search-btn{width: 80px; height: 40px;display: inline-block; background: #f6ab00; text-decoration: none; text-align: center;line-height: 38px; color: #fff; vertical-align: middle;}
    .search-box .search-bar .search-btn i{font-size: 22px;}
    .search-box .search-bar .search-btn:active{background: #f79911}

    .search-box .search-type{width: 1200px; margin: 72px auto 0;}
    .search-box .search-type .title{font-size: 20px; color: #393d49; margin-right: 34px;}
    .search-box .search-type .area{ padding-bottom: 30px;}
    .search-box .search-type .area .area-item{ display: inline-block; font-size: 16px; color: #4e4e4e; margin-right: 12px; cursor: pointer; border: 1px solid #e6e5e5; padding: 0 10px 0 16px;}
    .search-box .search-type .area .area-item>span{display: inline-block;max-width: 60px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .search-box .search-type .area .active{ color: #f6ab00;}
    .search-box .search-type .area .area-item>i{margin-left: 10px;}
    .search-box .search-type .area-detail{padding: 0; border-bottom:1px solid #e6e5e5; user-select: none;-webkit-user-select: none;-ms-user-select: none;-moz-user-select: none;  }
    .search-box .search-type .area-detail>div{margin: 40px 0 40px 100px;}
    .search-box .search-type .area-detail .part{margin-bottom: 20px;}
    .search-box .search-type .area-detail .part .part-t{font-size: 16px; color: #393d49;margin-right: 30px;}
    .search-box .search-type .area-detail .part label{margin-right: 40px; line-height: 40px; }
    .search-box .search-type .area-detail .part label>span{font-size: 16px; color: #393d49; font-weight: 200; }
    .search-box .search-type .area-detail .part label:hover{text-decoration: underline; }
    .search-box .search-type .area-detail .part .active:hover{text-decoration: none; }
    .search-box .search-type .area-detail .part label.active >span{color: #f7aa00}
    .search-box .search-type .item-wrap{margin-top: 40px;}
    .search-box .search-type .item-wrap .type-box{display: inline-block; width: 90%; vertical-align: top;}
    .search-box .search-type .item-wrap .type-box .opt{text-decoration: none;font-size: 16px; color: #4e4e4e; margin-right: 44px; font-weight: 300; white-space: nowrap;}
    .search-box .search-type .item-wrap .type-box .opt:hover{text-decoration: underline; }
    .search-box .search-type .item-wrap .type-box .active{color: #f7aa00}
    .search-box .search-type .item-wrap .type-box .active:hover{text-decoration: none;}
    .search-box .search-type .item-wrap .more-type{display: inline-block}
    .search-box .search-type .column{display: none;}
    .search-box .search-type .item-wrap .more-type .select{width: 180px;height: 50px; border: 1px solid #393d49; font-size: 0; cursor: pointer;user-select: none;-webkit-user-select: none;-ms-user-select: none;-moz-user-select: none;  }
    .search-box .search-type .item-wrap .more-type .select>span{width: 60%; display: inline-block; padding: 0 10%; line-height: 50px; height: 48px; font-size: 16px; color: #393d49;font-weight: 300; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;}
    .search-box .search-type .item-wrap .more-type .select>i{width: 20%; line-height: 50px; font-size: 21px; vertical-align: middle;}

    .content{width: 100%; height:825px; margin: 0 auto 0;background: #fff;font-size: 0;border-top: 1px solid #A1A1A1;overflow: hidden;position: relative;}
    .content .map-box{width: 100%;height:725px;display: inline-block;}
    .content .list-box{width: 450px;height:725px;position: absolute;right: -550px;top:0;background: #fff;z-index: 2;overflow-y: auto;}
    .content .list-box .list-wrap{cursor: pointer; }
    .content .list-box .list-wrap .item{border-bottom: 1px solid #393d49; }
    .content .list-box .list-wrap .item .pic{width: 128px;height: 86px;display: inline-block;overflow: hidden;margin: 26px 20px;vertical-align: middle;}
    .content .list-box .list-wrap .item .pic img{width: 100%;}
    .content .list-box .list-wrap .item .info{display: inline-block;width: 260px; vertical-align: middle;}
    .content .list-box .list-wrap .item .info .title{font-size: 18px; color: #393d49; font-weight: bold;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
    .content .list-box .list-wrap .item .info .desc{font-size: 14px; color: #393d49; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 10px; }
    .content .list-box .list-wrap .item .info .rent{font-size: 16px; color: #393d49;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 10px; }
    .content .list-box .list-wrap .item .info .rent>span{color: #f7aa00;font-weight: bold }
}

/*mobile*/
@media screen and (max-width: 1339px) {
    body{background: #fff;}
    .search-box{overflow: hidden;margin-top: 44px;position: relative;}
    .search-box .clean{font-size: 11px; vertical-align: sub; color: #727171; text-decoration: none;white-space: nowrap;position: absolute;right: 10px; top: 20px;}
    .search-box .search-bar{width: 249px; height: 32px; display:inline-block;font-size: 0; margin: 15px 0 0 12px;}
    .search-box .search-bar>input{width: 190px; height:30px; border: 1px solid #979797; border-right: none;  outline: none;vertical-align: middle; padding: 0 4px 0 11px; font-size: 11px;}
    .search-box .search-bar .search-btn{width: 40px; height: 32px;display: inline-block; background: #f6ab00; text-decoration: none; text-align: center;line-height: 38px; color: #fff; vertical-align: middle;}
    .search-box .search-bar .search-btn i{font-size: 14px; vertical-align: middle;}

    .search-box .search-type{}
    .search-box .search-type .title{display: none;}
    .search-box .search-type .area{ padding-bottom: 5px;margin-top: 14px;margin-left: 12px; font-size: 0;}
    .search-box .search-type .area .title{display: none;}
    .search-box .search-type .area .area-item{ position: relative; margin-bottom:4px;display: inline-block; font-size: 11px; width: 55px; white-space: nowrap; color: #4e4e4e; margin-right: 4px; padding: 0 4px; line-height: 24px; border: 1px solid #bebaba;}
    .search-box .search-type .area .active{ color: #f6ab00;}
    .search-box .search-type .area .area-item>span{display: inline-block; width: 72%; overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; vertical-align: middle; }
    .search-box .search-type .area .area-item>i{margin-left: 2px; font-size: 8px;padding-right: 3px}
    .search-box .search-type .area-detail{padding: 5px 10px 10px; border-bottom:1px solid #e6e5e5; user-select: none;-webkit-user-select: none;-ms-user-select: none;-moz-user-select: none;  }
    .search-box .search-type .area-detail .part{margin-bottom: 20px;}
    .search-box .search-type .area-detail .part .part-t{font-size: 12px; color: #393d49;margin-right: 10px;}
    .search-box .search-type .area-detail .part label{margin-right: 10px; line-height: 15px; display: inline-block;}
    .search-box .search-type .area-detail .part label>span{font-size: 12px; color: #393d49; font-weight: 200; }
    .search-box .search-type .area-detail .part label:hover{text-decoration: underline; }
    .search-box .search-type .area-detail .part .active:hover{text-decoration: none; }
    .search-box .search-type .area-detail .part label.active >span{color: #f7aa00}
    .search-box .search-type .select-type{ display: none;margin-left: 12px; padding: 10px 0 15px;border-bottom: 1px solid #e6e5e5; }
    .search-box .search-type .item-wrap{display: none;}
    .search-box .search-type .item-wrap .type-box{display: inline-block;vertical-align: top; font-size: 0; }
    .search-box .search-type .item-wrap .type-box .opt{text-decoration: none; margin-bottom: 10px; display: inline-block; width: 53px; height: 20px; border: 1px solid #e6e5e5; text-align: center; line-height: 20px; font-size: 11px; color: #4e4e4e; margin-right: 4px; font-weight: 300; white-space: nowrap;}
    .search-box .search-type .item-wrap .type-2 .opt{width: 82px;}
    .search-box .search-type .item-wrap .type-box .more-type .select{width: 180px;height: 50px; border: 1px solid #393d49; font-size: 0; cursor: pointer;user-select: none;-webkit-user-select: none;-ms-user-select: none;-moz-user-select: none;  }
    .search-box .search-type .item-wrap .type-box .more-type .select>span{width: 60%; display: inline-block; padding: 0 10%; line-height: 50px; height: 48px; font-size: 23px; color: #393d49;font-weight: 300; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;}
    .search-box .search-type .item-wrap .type-box .more-type .select>i{width: 20%; line-height: 50px; font-size: 23px; vertical-align: middle;}
    .search-box .search-type .column{ padding-bottom: 5px;margin-top: 0;margin-left: 12px; font-size: 0; white-space: nowrap; border-bottom: 1px solid #e6e5e5;}
    .search-box .search-type .column .column-item{text-decoration: none; margin-bottom: 4px; max-width: 80px; margin-right: 4px; color: #393d49; display: inline-block;white-space: nowrap; font-size: 11px; padding: 4px 5px; border: 1px solid #e6e5e5;}
    .search-box .search-type .column .column-item>span{display: inline-block; width: 80%; overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; vertical-align: middle; }
    .search-box .search-type .column .column-item>i{margin-left: 2px; font-size: 8px; padding-right: 3px}

    .content .map-box{width: 100%;height:300px;}
    .content{width: 100%; margin: 0 auto 0;background: #fff;font-size: 0;border-top: 1px solid #A1A1A1;position: relative;}
    .content .map-box{width: 100%;height:325px;display: inline-block;}
    .content .list-box{width: 100%;background: #fff;z-index: 2;overflow-y: auto;}
    .content .list-box .list-wrap{cursor: pointer; }
    .content .list-box .list-wrap .item{border-bottom: 1px solid #393d49; }
    .content .list-box .list-wrap .item .pic{width: 128px;height: 86px;display: inline-block;overflow: hidden;margin: 26px 20px;vertical-align: middle;}
    .content .list-box .list-wrap .item .pic img{width: 100%;}
    .content .list-box .list-wrap .item .info{display: inline-block;width: 200px; vertical-align: middle;}
    .content .list-box .list-wrap .item .info .title{font-size: 12px; color: #393d49; font-weight: bold;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
    .content .list-box .list-wrap .item .info .desc{font-size: 10px; color: #393d49; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 5px; }
    .content .list-box .list-wrap .item .info .rent{font-size: 10px; color: #393d49;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 5px; }
    .content .list-box .list-wrap .item .info .rent>span{color: #f7aa00;font-weight: bold }


}