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

/*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{display: none;}
    .search-box .search-bar{position: absolute;width: 400px; height: 40px; right: 0; top:20px;font-size: 0;}
    .search-box .search-bar>input{width: 278px; height:38px; border: 1px solid #979797; border-right: none;  outline: none;vertical-align: middle; padding: 0 20px 0 20px; 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: 30px auto 0;}
    .search-box .search-type .title{font-size: 16px; color: #393d49; margin-right: 10px;}
    .search-box .search-type .area{border-bottom:1px solid #e6e5e5; padding-bottom: 30px;}
    .search-box .search-type .area .area-item{ display: inline-block; font-size:16px; color: #4e4e4e; margin-right: 44px; cursor: pointer;}
    .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: 35px 80px 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: 16px; color: #393d49;margin-right: 30px;}
    .search-box .search-type .area-detail .part label{margin-right: 40px; line-height: 40px;display: inline-block;}
    .search-box .search-type .area-detail .part label>span{font-size: 16px; color: #393d49; font-weight: 200;white-space: nowrap }
    .search-box .search-type .area-detail .part i{width: 16px; height: 16px;font-size: 16px; line-height: 16px;}
    .search-box .search-type .area-detail .city label:hover{text-decoration: underline; }
    .search-box .search-type .area-detail .city .active:hover{text-decoration: none; }
    .search-box .search-type .area-detail .city label.active >span{color: #f7aa00}
    .search-box .search-type .area-detail .first label:hover{text-decoration: underline; }
    .search-box .search-type .area-detail .first .active:hover{text-decoration: none; }
    .search-box .search-type .area-detail .first label.active >span{color: #f7aa00}
    .search-box .search-type .area-detail .second{border-top: 1px solid #e5e5e5; padding-top: 15px; }
    .search-box .search-type .area-detail label:hover{text-decoration: underline; }
    .search-box .search-type .area-detail .second label:hover{text-decoration: none; }
    .search-box .search-type .area-detail #town label:hover{text-decoration: none; }
    .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: 25px; 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: 160px;height: 40px; border: 1px solid #e5e5e5; 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: 40px; height: 40px; 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: 40px; font-size: 16px; vertical-align: middle;}

    .content{width: 1200px; margin: 50px auto 0;background: #fff;}
    .content .hot{width: 100%; border-bottom: 1px solid #e6e5e5;}
    .content .hot .hot-tit{font-size: 28px;}
    .content .hot .hot-tit .tit-1{color: #000; margin-right: 15px;}
    .content .hot .hot-tit .tit-2{color: #4e4e4e;}
    .content .hot .desc{color: #898989; font-size: 16px; margin-top: 30px;}
    .content .hot .desc .left-t{}
    .content .hot .desc .right-t{float: right; text-decoration: none; color: #898989;}
    .content .hot .desc .right-t:hover{text-decoration: underline}
    .content .hot .hot-wrap{white-space: nowrap; margin-top: 49px; font-size: 0; margin-bottom: 55px;text-align: center;}
    .content .hot .hot-wrap .hot-item{width: 272px; display: inline-block;margin-right: 34px;cursor: pointer;}
    .content .hot .hot-wrap .hot-item:last-child{margin-right: 0;}
    .content .hot .hot-wrap .hot-item:first-child{margin-left: 0;}
    .content .hot .hot-wrap .hot-item .item-top{width: 272px; height: 200px; position: relative; }
    .content .hot .hot-wrap .hot-item .item-top img{width: 100%;}
    .content .hot .hot-wrap .hot-item .item-top .label{position: absolute;width: 100px; height: 36px; background: #394043; top: 125px; left: 0; color: #fff; line-height: 36px; font-size: 14px;padding: 0 8px; font-weight: bold;}
    .content .hot .hot-wrap .hot-item .item-bottom{padding: 8px 20px;width: 230px; height: 60px; border: 1px solid #a8a6a6; border-top: none; -moz-box-shadow:0px 10px 20px -5px #8d8989;/*firefox*/
        -webkit-box-shadow:0px 5px 20px -5px #8d8989;/*webkit*/
        box-shadow:0px 5px 20px -5px #8d8989;/*opera或ie9*/}
    .content .hot .hot-wrap .hot-item .item-bottom .name{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;color: #333;line-height: 32px;font-size: 18px;}
    .content .hot .hot-wrap .hot-item .item-bottom .info{white-space: nowrap;text-overflow: ellipsis;overflow:  hidden;width: 100%;color: #575757;line-height: 32px; font-size: 14px;}
    .content .hot .hot-wrap .hot-item .bt{ font-size: 14px; margin:10px 0 0 6px;color: #515151;}

    .content .list{}
    .content .list .list-wrap{padding: 40px 0; }
    .content .list .list-wrap .list-item{width: 100%;height: 182px; padding: 20px 0;border-bottom: 1px solid #e6e5e5; font-size: 0; cursor: pointer; }
    .content .list .list-wrap .list-item>div{display:inline-block;}
    .content .list .list-wrap .list-item .pic{ position: relative; overflow: hidden; width: 240px;height: 180px; }
    .content .list .list-wrap .list-item .pic>img{width: 100%;height: 100%}
    .content .list .list-wrap .list-item .pic .like{position: absolute; right: 0; bottom: 0; width: 43px; height: 43px;background: rgba(255,255,255,0.5);cursor: pointer;text-align: center;}
    .content .list .list-wrap .list-item .pic .like i{font-size: 40px;color: #f7aa00;}
    .content .list .list-wrap .list-item .info{width: 52%;margin-left: 52px; vertical-align: top; }
    .content .list .list-wrap .list-item .info .title{width: 100%; font-size: 24px; font-weight: 600; color: #393d49; white-space: nowrap;text-overflow: ellipsis;overflow: hidden; margin-bottom: 26px;}
    .content .list .list-wrap .list-item .info .desc{font-size: 16px; color: #393d49;margin-bottom: 28px;  }
    .content .list .list-wrap .list-item .info .date {font-size: 16px; color: #A1A1A1;}
    .content .list .list-wrap .list-item .info .date>span{margin-left: 5px;}
    .content .list .list-wrap .list-item .rent-view{width:17%;display: inline-block;vertical-align: top;}
    .content .list .list-wrap .list-item .rent{ width: 275px;font-size: 16px; color: #393d49; text-align: center;vertical-align: top; padding-top: 10px;display: inline-block;}
    .content .list .list-wrap .list-item .rent .rt{font-size: 36px; color: #f7aa00;margin-right: 16px;font-weight: 600; }
    .content .list .list-wrap .list-item .view{ width: 275px;font-size: 20px; color: #393d49; vertical-align: top; text-align: center; padding-top: 30px;display: inline-block;text-align: center;}
    .content .list .list-wrap .list-item .view>div{margin-bottom: 8px;display: inline-block;}
    .content .list .loading{text-align: center; width: 100%;height: 100px; background: #fff; color: #afaeae; font-size: 18px;padding-top: 40px;}

}

/*mobile*/
@media screen and (max-width: 1339px) {
    body{background: #fff;;}
    .search-box{overflow: hidden;margin-top: 44px;}
    .search-box .clean{font-size: 11px; vertical-align: sub; color: #727171; text-decoration: none;margin-left: 5px; white-space: nowrap;}
    .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: 32px; 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: 76px; 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: 80%; 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{border-top:1px solid #e6e5e5; background: #f2f2f2; border-bottom:1px solid #e6e5e5; user-select: none;-webkit-user-select: none;-ms-user-select: none;-moz-user-select: none;padding: 10px 10px 5px;  }
    .search-box .search-type .area-detail .part{margin:0 auto ;}
    .search-box .search-type .area-detail .first{padding-bottom: 5px;}
    .search-box .search-type .area-detail .second{padding-top: 10px; border-top: 1px solid #e6e5e5;}
    .search-box .search-type .area-detail .part .part-t{font-size: 11px; color: #393d49;margin-right: 6px;}
    .search-box .search-type .area-detail .city .part label{margin:0 3px; padding: 2px 6px 0; border: 1px solid #bebaba; color: #393d49; line-height: 11px; white-space: nowrap; vertical-align: bottom;}
    .search-box .search-type .area-detail .city label.active >span{color: #f7aa00}
    .search-box .search-type .area-detail .part label{margin-right:8px;margin-bottom: 6px; padding: 0 6px ; border: 1px solid #bebaba; color: #393d49;  vertical-align: bottom; line-height: 26px;display: inline-block;}
    .search-box .search-type .area-detail .part label>span{font-size: 11px; color: #393d49; font-weight: 200;white-space: nowrap }
    .search-box .search-type .area-detail .part .active span{color: #f7aa00; }
    .search-box .search-type .area-detail .part label>i{display: none; }
    .search-box .search-type .area-detail 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;background: #f2f2f2; }
    .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-box .active{color: #f7aa00}
    .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;padding-top:5px;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 .active{ color: #f6ab00;}
    .search-box .search-type .column .column-item>span{display: inline-block; width: 76%; 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: 6px}

    .content{width: 100%; margin: 15px auto 0;background: #fff;}
    .content .hot{width: 100%; border-bottom: 1px solid #e6e5e5;}
    .content .hot .hot-tit{font-size: 13px; margin-left: 15px;}
    .content .hot .hot-tit .tit-1{color: #000; margin-right: 11px;}
    .content .hot .hot-tit .tit-2{color: #4e4e4e;}
    .content .hot .desc{color: #898989; font-size: 10px; margin-top: 11px; margin-left: 15px;}
    .content .hot .desc .right-t{float: right; text-decoration: none; color: #898989; margin-right: 15px;}
    .content .hot .hot-wrap{margin-top: 15px; font-size: 0; margin-bottom: 15px; text-align: center;}
    .content .hot .hot-wrap .hot-item{width: 158px; display: inline-block;margin:0 10px 25px 10px;text-align: left;}
    .content .hot .hot-wrap .hot-item .item-top{width: 158px; height: 122px; position: relative; }
    .content .hot .hot-wrap .hot-item .item-top img{width: 100%;}
    .content .hot .hot-wrap .hot-item .item-top .label{position: absolute;width: 57px; height: 19px; background: #394043; top: 98px; left: 0; color: #fff; line-height: 19px; font-size: 7px;padding: 0 4px; font-weight: bold;}
    .content .hot .hot-wrap .hot-item .item-bottom{padding: 10px 18px;width: 120px; height: 45px; border: 1px solid #a8a6a6; border-top: none;  -webkit-box-shadow:0px 5px 20px -5px #8d8989;/*webkit*/  }
    .content .hot .hot-wrap .hot-item .item-bottom .name{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;color: #333;line-height: 21px;font-size: 11px;}
    .content .hot .hot-wrap .hot-item .item-bottom .info{white-space: nowrap;text-overflow: ellipsis;overflow:  hidden;width: 100%;color: #575757;line-height: 21px; font-size: 9px;}
    .content .hot .hot-wrap .hot-item .bt{ font-size: 8px; margin:6px 0 0 6px;color: #515151;}

    .content .list{}
    .content .list .list-wrap{padding: 15px 3%; }
    .content .list .list-wrap .list-item{width: 100%;height: 124px; padding: 10px 0;border-bottom: 1px solid #e6e5e5; font-size: 0; }
    .content .list .list-wrap .list-item>div{display:inline-block;}
    .content .list .list-wrap .list-item .pic{ position: relative; overflow: hidden; width: 30%; height: 80%; max-width: 150px; }
    .content .list .list-wrap .list-item .pic>img{width: 100%;height: 100%;}
    .content .list .list-wrap .list-item .pic .like{position: absolute; right: 0; bottom: 0; width: 20px; height: 20px;background: rgba(255,255,255,0.5);text-align: center;}
    .content .list .list-wrap .list-item .pic .like i{font-size: 20px;color: #f7aa00;}
    .content .list .list-wrap .list-item .info{margin-left: 4%; vertical-align: top; width: 46% }
    .content .list .list-wrap .list-item .info .title{width: 100%; font-size: 12px; height: 33px; color: #393d49; font-weight: 600;text-overflow: ellipsis;overflow: hidden; margin-bottom: 8px;}
    .content .list .list-wrap .list-item .info .desc{font-size: 9px; color: #393d49;margin-bottom: 6px;  }
    .content .list .list-wrap .list-item .info .date {font-size: 8px; color: #A1A1A1;}
    .content .list .list-wrap .list-item .info .date>span{margin-left: 2px;}
    .content .list .list-wrap .list-item .rent-view{width: 20%;display: inline-block;vertical-align: top;}
    .content .list .list-wrap .list-item .rent{ width: 100%;font-size: 12px; color: #393d49; text-align: center;vertical-align: top; padding-top: 10px;}
    .content .list .list-wrap .list-item .rent .rt{ font-size: 14px; color: #f7aa00;margin-right: 5px; display: block; }
    .content .list .list-wrap .list-item .view{ width: 100%;font-size: 12px; color: #393d49; vertical-align: top; text-align: center; padding-top: 10px;}
    .content .list .list-wrap .list-item .view>div{margin-bottom: 4px;}
    .content .list .loading{text-align: center; width: 100%; background: #fff; color: #afaeae; font-size: 10px;padding-top: 20px;}



}