.main{}
.main .banner{width: 1180px;height: 340px;margin: 0 auto;margin-top: 30px;}
.main .banner img{width: 100%;height: 100%;object-fit: cover;}
.swiper-button-prev{background: none;left: 0;}
.swiper-button-prev::before{width: 36px;height: 64px;content: '\e6ad';font-family: 'iconfont';color: #cecdcf;font-size: 55px;font-weight: bold;}
.swiper-button-next{background: none;right: 25px;}
.swiper-button-next::before{width: 36px;height: 64px;content: '\e6ac';font-family: 'iconfont';color: #cecdcf;font-size: 55px;font-weight: bold;}
.swiper-container .swiper-pagination{text-align: right;width: unset;right: 30px;}
.swiper-pagination-bullet-active{background-color: #ffffff;}
.main .banner .item{display: block;position: relative;    height: 340px;}
.main .banner .item p{position: absolute;bottom: 0;background: rgba(0, 0, 0, .5);font-size: 28px;color: #fff;width: 100%;text-indent: 40px;text-align: left;padding: 20px 0;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;cursor: pointer;}
.main .content_box{width: 1180px;margin: 0 auto;margin-top: 20px;}
.main .content_box>div{float: left;}
.main .content_box>div:last-child{margin-left: 40px;}
.main .content_box .left{width: 860px;}
.main .content_box .left .type_tab{border-bottom: 1px solid #ddd;width: 100%;display: flex;display: flexbox;}
.main .content_box .left .type_tab::after{content: '';display: block;clear: both;}
.main .content_box .left .type_tab li{float: left;margin-right: 2px;flex: auto;}
.main .content_box .left .type_tab li:last-child{margin-right: 0;} 
.main .content_box .left .type_tab li a{display: block;font-size: 18px;color: #333;line-height: 40px;text-align: center;}
.main .content_box .left .type_tab li a:hover{color: #333!important;}
.main .content_box .left .type_tab .cur a {border-bottom: 4px solid #30a15d;font-weight: bold;}
/* 列表*/
.main .content_box .left .list li{padding: 20px 0px;border-bottom: 1px solid #e0e0e0;font-size:14px;zoom:1;}
.main .content_box .left .list li:last-child{border: 0;}
.main .content_box .left .list li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.main .content_box .left .list li .img{ display: block;width: 210px;height: 140px;margin-right:30px; overflow:hidden;}
.main .content_box .left .list li .img img{width: 100%;height: 100%;object-fit: cover;}
.main .content_box .left .list li .tit{ margin-bottom:10px;font-size: 18px; font-weight:400;}
.main .content_box .left .list li .tit .icon-hot{ font-size:12px; background:#f60; color:#fff; padding:2px 5px; border-radius:2px; margin-left:10px;}
.main .content_box .left .list li a{ }
.main .content_box .left .list li .tit a{color:#000000;font-size: 24px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.main .content_box .left .list li .info{color:#999;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.main .content_box .left .list li .time{ margin-top:8px; text-align:right;color:#999;}
.main .content_box .left .list li .time .tb-icon{margin-right: 5px;width: 16px;height: 17px; display: inline-block;vertical-align: -1px; }
.main .content_box .left .list li .time .tb-icon::before{content: '\e6e0';color: #30a15d;font-family: 'iconfont';line-height: 13px;}
.main .content_box .left .list li .time a{ margin-left:10px; color:#999;}
/* .main .content_box .left .list li:hover{background:#f8f8f8;} */
/* .main .content_box .left .list li:hover .tit a{ color:#f60;} */
.main .content_box .left .list li:hover .time a{ color:#333;}

.main .content_box .left .list li .time a:hover{color:#f60; text-decoration:underline;}
.main .content_box .left .list li .daogou{text-align: left;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:100%;font-size: 14px;color: #666;margin-top: 10px;}
.main .content_box .left .list li.items{display: -moz-box;display: -webkit-box;}
.main .content_box .left .list li.items .flex{box-flex: 1;-moz-box-flex: 1;-webkit-box-flex: 1;}
.f-fl {float: left;position: relative;padding-left: 20px;}
.f-fl::before{content: '\e6df';width: 14px;height: 14px;position: absolute; top: 3px;left: 0;font-family: 'iconfont';color: #f60;}

/*热门楼盘*/
.main .content_box .left .hot_tit {margin-top: 50px;overflow: hidden;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;}
.main .content_box .left .hot_tit p{float: left;font-size: 24px;color: #333;font-weight: bold;}
.main .content_box .left .hot_tit a{float: right;font-size: 14px;color: #999999;    position: relative;top: 10px;}
.main .content_box .left .hot{margin-top: 25px;margin-bottom: 30px;}
.main .content_box .left .hot::after{content: '';display: block;clear: both;}
.main .content_box .left .hot .item{float: left;margin-right: 20px;}
.main .content_box .left .hot .item:last-child{margin-right: 0px;}
.main .content_box .left .hot .item a{}
.main .content_box .left .hot .item a .img{width: 200px;height: 144px;position: relative;}
.main .content_box .left .hot .item a .img img{width: 100%;height: 100%;object-fit: cover}
.main .content_box .left .hot .item a .img p{width: 100%;position: absolute;bottom: 0px;background: rgba(0, 0, 0, 0.7);padding-top: 2px;padding-bottom:4px; }
.main .content_box .left .hot .item a .img p span{color: #ffffff;}
.main .content_box .left .hot .item a .img p span:first-child{float: left;font-size: 16px;margin-left: 5px;max-width: 135px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;}
.main .content_box .left .hot .item a .img p span:last-child{float: right;font-size: 14px;margin-right: 5px;}
.main .content_box .left .hot .item a .price{font-size: 20px;color: #fe4844;height: 20px;line-height: 20px;margin: 10px 0;}
.main .content_box .left .hot .item a .tel{height: 16px;line-height: 16px;font-size: 16px;color: #333333;}

/*righy*/

.main .content_box .right{width: 280px;margin-left: 40px;}
.main .content_box .right .from_zx{border: solid 1px #e5e5e5; margin-top: 15px;}
.main .content_box .right .from_zx .tit{height: 55px;background-color: #f3f3f3;line-height: 55px;width: 100%;text-indent: 19px;font-size: 18px;color: #333333;}
.main .content_box .right .content_from{width: 240px;margin: 0 auto;margin-top: 20px;}
.main .content_box .right .content_from p{color: #333333;font-size: 12px;line-height: 20px;}
.main .content_box .right .inputbox{margin-top: 20px;}
.main .content_box .right .inputbox select{width: 116px;height: 30px;background-color: #ffffff;border: solid 1px #e5e5e5;text-indent: 10px;}
.main .content_box .right .inputbox select:last-child{margin-left: 3px;}
.main .content_box .right .inputbox select option{text-indent: 10px;}
.main .content_box .right .inputbox input{font-size: 12px;text-indent: 10px;width: 240px;height: 30px;background-color: #ffffff;border: solid 1px #e5e5e5;}
.main .content_box .right .submitbox input{color: #ffffff;width: 240px;height: 30px;background-color: #30a15d;border-radius: 4px;}
.main .content_box .right .submitbox {margin-top: 20px;margin-bottom: 20px;}
.main .content_box .right .xybox{overflow: hidden;margin-top: 10px;}
.main .content_box .right .xybox label{float: left;position: relative;overflow: hidden;margin-top: 4px;}
.main .content_box .right .xybox input{    position: absolute;width: 10px;height: 10px;left: -20px;}
.main .content_box .right .xybox input:checked   span::before {content: '\e69b';font-family: 'iconfont';font-size: 12px;}
.main .content_box .right .xybox span {display: block;width: 13px;height: 14px;line-height: 14px;}
.main .content_box .right .xybox span::before{content: '\e69a';font-family: 'iconfont';font-size: 12px;}
.main .content_box .right .xybox p {float: left;line-height: 20px;height: 20px;margin-left: 4px;}
.main .content_box .right .xybox a {color: #ff7e00;}
.main .content_box .right .title{background-color: #f3f3f3;position: relative;width: 280px;font-size: 18px;font-weight: bolder;color: #333333;    height: 55px!important;line-height: 55px;text-indent: 20px;}
.main .content_box .right .title .gfrz{width: 60px;height: 20px;background-color: #ffa009;border-radius: 4px;font-size: 12px;color: #ffffff;padding: 2px 2px;margin-left: 10px;}
.newbtm {
    border: 1px solid #eeeeee!important;
}
.main .content_box .right .item_new{border: 1px solid #eeeeee;border-top: 0;padding-bottom: 10px;} 
.main .content_box .right .item_new>div{margin: 0 15px;padding: 20px 0; border-bottom: 1px dotted #e5e5e5;}
.main .content_box .right .item_new>div:last-child{border: 0;}
.main .content_box .right .item_new>div::after{content: '';display: block;clear: both;}

.main .content_box .right .item_new>div>div{float: left;}
.main .content_box .right .item_new>div .img{width: 70px;height: 70px;}
.main .content_box .right .item_new>div .img img{width: 100%;height: 100%;object-fit: cover;}
.main .content_box .right .item_new>div .info{margin-left: 10px;}
.main .content_box .right .item_new>div .info .name{font-size: 16px;color: #333333;margin: 0;margin-top: 15px;margin-bottom: 2px;}
.main .content_box .right .item_new>div .info .fwrs{font-size: 12px;color: #999999;margin: 0;}
.main .content_box .right .item_new>div  button{width: 70px;height: 26px;cursor: pointer;
    background-color: #30a15d;border-radius: 4px;font-size: 12px;color: #ffffff;text-indent: 10px;position: relative;margin-left: 16px;    margin-top: 20px;}
    .main .content_box .right .item_new>div  button::before{content: '';width: 12px;height: 12px;position: absolute;left: 2px;top: 8px;background: url(/uploads/image/ppaimages/zx.png) center no-repeat;}

.m_top30{margin-top: 30px;}
.m_top20{margin-top: 20px!important;}
.main .content_box .right .item_new a {border-bottom: 1px solid #eeeeee;display: block;margin: 0 10px;overflow: hidden;padding: 10px 0;}
.main .content_box .right .item_new a:last-child{border: 0;}
.main .content_box .right .item_new a span{display: block;width: 18px;height: 18px;background-color: #dadada;color: #ffffff;text-align: center;}
.main .content_box .right .item_new a span,.main .content_box .right .item_new a .text{float: left;}
.main .content_box .right .item_new a .text{max-width: 230px;margin-left: 10px;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.main .content_box .right .item_new a .ph{background-color: #ffa009;}
.main .content_box .right .item_new a .img{width: 110px;height: 80px;}
.main .content_box .right .item_new a .img img{width: 100%;height: 100%;object-fit: cover;}
.main .content_box .right .item_new a .info-right{flex: 1;margin-left: 10px;}
.main .content_box .right .item_new a .info{flex: 1;line-height: 24px;font-size: 14px;margin-left: 10px;}
.main .content_box .right .item_new a .info1{line-height: 19px;font-size: 14px;min-height: 63px;}
.main .content_box .right .item_new a .time{font-size: 13px;color: #a8a8a8;}
.main .content_box .right .item_new .flex_box{display: flex;display: -webkit-flex;}
.main .content_box .right .item_new .flex_box .yd{width: 4px;height: 4px;background-color: #dadada;border-radius: 50%;margin-top: 10px;}
.main .content_box .right .item_new  .over_h1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;max-height: 75px;}
.main .content_box .right .item_new  .over_h2{overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.main .content_box .right .title a{position: absolute;/* top:8px; */right: 20px;font-size: 14px;font-weight: normal;}
.main .content_box .right .item_new>img{display: block;margin: 0 auto;   width: 280px;}
.main .content_box .right .b_top{border: 1px solid #eeeeee;}
.main .content_box .right .item_new>.gz{width: 231px;
	height: 28px;
	background-color: #30a15d;font-size: 16px;color: #ffffff;line-height: 28px;text-align: center;margin: 0 auto;padding: 0;margin-bottom: 20px;margin-top: 20px;}
/* 5个操作类型的时候 */
.rightfloat .panel.iminletpanel5{margin-top: -172px}
.rightfloat .panel.iminletpanel4{margin-top: -101px}
.rightfloat .panel.iminletpanel3{margin-top: -30px}
.rightfloat .panel.iminletpanel2{margin-top: -24px}
.rightfloat .panel.iminletpanel1{margin-top: -24px}

.rightfloat .panel.iminletpanel5:after{top:169px;bottom: auto;}
.rightfloat .panel.iminletpanel4:after{top:97px;bottom: auto;}
.rightfloat .panel.iminletpanel3:after{top:24px;bottom: auto;}
.rightfloat .panel.iminletpanel2:after{top:20px;bottom: auto;}
.rightfloat .panel.iminletpanel1:after{top:20px;bottom: auto;}
.rightfloat .gomobile .panel{margin-top: -79px;box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px 1px;}
.rightfloat .gomobile .panel:after{top:-42px}


