@charset "UTF-8";
*{padding:0px;margin:0px;list-style:none;font-family: 'Roboto','Noto Sans TC',sans-serif;}
body{width:100%;height:100%;text-rendering:geometricPrecision;font-family:PingFang SC,HarmonyOS_Regular,Helvetica Neue,Microsoft YaHei,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;background-color: #f5f7f9;}
img{border:none;-webkit-touch-callout:none;max-width:100%;}
a{color:#000000;text-decoration:none;cursor:pointer;}

/*  */
#moremobile{display: none;}
.morelist{display: none;}
.mobile_more{display: none;}
.mobile_guanbi{display: none;}
/* 基本 */
.layout{width:1200px;margin:0 auto;}
.m0{margin: 0;display: none;}
.mb10{margin-bottom:10px;}
.mg10{padding:10px 0px;}
.mg20{padding:20px 0px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.mr5{margin-right:5px;}
.red{color: #e33339;}
.dflex{display: flex;}
.flex1{flex:1;}
.fbold{font-weight: bold;}
.white{color:#fff;}
.gray{color:#666;}
.blue{color:#1E9FFF;}
.pb10{padding-bottom: 10px;}

/* 头部 */
#top_main {height:40px;background-color: #233d92;position:fixed;top:0;width:100%;z-index:999;}
#top{height:40px;line-height:40px;font-size:13px;color:#fff;display:flex;}
#header_main{width:100%;height:100px;background-color:#fff;position:fixed;top:40px;z-index:999;box-shadow: rgba(17, 12, 46, 0.08) 0px 9px 20px 0px;}
#header{height:100px;display:flex;}
.headerHeight{height: 140px;width:100%;}

/* logo */
#logo{padding-right:30px;}
#logo a{width:177px;height:100px;background-color:#eee;display:inline-block;}
#logo img{width:177px;height:100px;}

/* navigation */
#navgation{padding-left:20px;padding-top:28px;flex:1;}
.nav{display: flex;}
.nav li{line-height:40px;margin:0px 10px;}
.nav li a{font-size:16px;font-weight: bold;display: inline-block;padding:0px 30px;background-color: #fcfcfc;}
.nav li a:hover,.nav li .checkthis{font-weight: bold;background-color: #233d92;color:#fff;border-radius:8px;}

/* 头部 - 右侧两个按钮 */
#morenav{display:flex;padding-top:30px;width:240px;}
#morenav .btna{background-color: #e33339;width:120px;height:38px;line-height:38px;text-align:center;font-size:16px;color:#fff;display:inline-block;border-radius:12px 0px 0px 5px;}
#morenav .btnb{background-color: #233d92;width:120px;height:38px;line-height:38px;text-align:center;font-size:16px;color:#fff;display:inline-block;border-radius:0px 5px 12px 0px;}
#morenav a{font-weight: bold;}
#morenav a:hover{opacity: 0.8;}

/* 首页推荐房源 */
.indexRentbox{width:100%;background-color:#fff;margin-bottom:30px;}
.indexRentTitle{padding-bottom:0px;line-height:48px;text-indent:30px;padding-top:20px;display:flex;position:relative;}
.titleLine{position:absolute;width:50px;height:6px;b5ckground-color:#233d92;bottom:0px;left:40px;border-radius:5px;}
.rentMore{flex:1;text-align:right;padding-right:20px;}
.rentMore a{color:#e33339;font-size:16px;}
.indexRentbd{padding:10px 40px 20px 40px;}
.rentsubtitle{font-size:22px;}

/* 房源列表 */
.flist{display: flex;flex-wrap: wrap;justify-content: space-between;}
/* 解决最后一排数量不够自动向两端排列问题 */
.flist li{width:23%;margin:25px 0px;}
.flist li:last-child:nth-child(4n - 1) {
    margin-right: calc(24% + 5% / 3);
}
.flist li:last-child:nth-child(4n-2) {
    margin-right: calc(48% + 10% / 3);
}
.flist .fdesc a:hover{color:#233d92;font-weight: bold;}
.flist .fimg{width:257px;height:193px;border:1px solid #eee;}
.flist .ftitle{font-size: 16px;font-weight:bold;margin:10px 0}
.flist .flocation{font-size: 14px;color:#666;padding-bottom:5px;}
.flist .fdesc{margin-bottom:10px;}
.flist .finfo{display: flex;}
.flist .finfo_info{color:#666;}
.flist .finfo_price{flex:1;color:#d5452a;font-weight:bold;text-align:right;}
.oneline{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break: break-all;-webkit-box-orient:vertical;-webkit-line-clamp:1;}

.listbd{padding-bottom:20px;padding-top:20px;}
.list{display: flex;padding:20px 20px 20px 10px;}
.listpic{width:257px;height:193px;padding-right:20px;}
.listimg{width:257px !important;height:193px !important;border:1px solid #eee;}
.listtitle{font-size:20px;font-weight:bold;padding-bottom:10px;}
.listvdesc{padding-bottom:10px;}
.listinfo{display: flex;}
.listinfo_right{flex:1;font-size:24px;color:#d5452a;text-align:right;font-weight:bold;}
.listdes{color:#666;padding-bottom:10px;}
.listmore{color:#233d92;font-weight:bold;}
.nodata{padding:30px;background-color: #fff;text-align: center;border-radius: 10px 40px 10px 40px;}
.nodata_pic{width:128px;height:128px;}
.nodata_title{font-size: 13px;color:#666;padding:20px;}
.nodata_btn{display:inline-block;padding:10px 30px;background-color: #233d92;color:#fff;font-size:13px;border-radius: 10px;}
.mobile_flex{flex: 1;}

/* 条件筛选 */
.filterLabel{width:60px;font-weight:bold;text-align:center;}
.filterSelected{margin-left:20px;display:flex;align-items:center;}
.resultBtn{border: 1px solid #233d92;color: #233d92;}

/* 底部 */
#footer_main{background-color: #222222;}
#footer{padding:40px 0px;}
.footerul{display:flex;justify-content: center;padding:0px 10px;}
.footerul a{color:#cac6c6;display: inline-block;padding:0px 20px;}
.footerline{padding:0px 5px;color:#cac6c6;}
.footerLink{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #413e3e;}
.footerContact{text-align:center;color:#cac6c6;padding:0px 10px 10px 10px;}
.footerCopyright{text-align:center;color:#cac6c6;padding:0px 10px;}
.footerCopyright a{color:#cac6c6;}



/* 搜索框 */
.slogan{padding:140px 0px 0px 0px;text-align:center;}
.sloganText{font-size:64px;font-weight:bold;}
.searchbd{padding:30px 0px;}
.searchform{display:flex;width:650px;margin:0 auto;}
.searchform .sinput{padding:8px 20px;border-radius:12px 0px 0px 12px;background-color: #ffffff;font-size: 16px;width:500px;height:30px;color:#444;border:1px solid #ddd;}
#hotsearchjob{padding:20px 0px 0px 10px;font-size: 13px;color:#555;}
#hotsearchjob a{margin-right:10px;display: inline-block;color:#999;}
#searchbox{width:540px;}
#searchbox input:focus{outline:none;}
.searchbtn{width:80px;background:#222222;color:#fff;height: 48px;line-height: 48px;text-align: center;border-radius:0px 12px 12px 0px;font-size:16px;border:none;display: flex;align-items: center;justify-content: center;transform: scale(1);transition: all 0.3s ease;}

/* 房源页筛选layui特有 */
.layui-form-checked[lay-skin=primary]>i{border-color: #e33339 !important;background-color: #e33339 !important;}
.layui-form-radio:hover>*, .layui-form-radioed, .layui-form-radioed>i{color: #e33339 !important;}
.layui-form-checkbox[lay-skin=primary]:hover>i{border-color: #e33339 !important;}

/* 栏目页 */
#pageleft{margin-bottom:30px;flex:1;}
.pageposition{line-height:30px;text-indent:1em;padding-bottom:10px;}
.pagebd{background-color:#fff;padding:20px 20px 35px 20px;}
/* min-height:600px; */
.pagecontent{padding:30px 10px 10px 10px;font-size:16px;line-height:1.6}
.pagecontent p{margin-bottom: 15px;}
#pageright{width:250px;padding-left:40px;}
.postformbd{padding:30px 10px 10px 50px;}

/* 单页页面标题 */
.pagetitle{padding-bottom:0px;line-height:48px;text-indent:30px;display:flex;position:relative;}
.pagetitle_text{font-size: 22px;}
.pagetitle_line{position:absolute;width:50px;height:3px;background-color:#233d92;bottom:0px;left:40px;border-radius:5px;}
.back_btn{background-color: #c30d23;;color: #fff;cursor: pointer;font-size: 13px;border-radius: 10px;padding: 10px 10px;}
.search_result_head{display: flex;justify-content: space-between;align-items: center;}

/* 表单提交页 */
.postform_input{padding:12px 20px;border:1px solid #eee;background-color: #f3f4f6;border-radius: 8px;width:450px;}
.postform_textarea{padding:12px 20px;border:1px solid #eee;background-color: #f3f4f6;border-radius: 8px;width:450px;height:80px;resize: none;}
.postform_title{font-size: 14px;color: #444;font-weight: bold;padding-left:10px;}
.postbtn{font-size:16px;background-color: #233d92;color:#fff;padding:10px 25px;display:inline-block;border-radius:10px;border:none;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;cursor: pointer;}

/* flash */
.flash_main{height:420px;background-repeat:no-repeat;background-size:cover;background-position:center center;}
#flash{height:420px;}
#list_flash_main{background-color:#fafafa;box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 2px;}
#list_flash{padding:20px 0px;}

/* content */
#content{padding:40px 0px 20px 0px;}
.pageRightPic{padding-top:10px;}
.pageRightPic li{margin-bottom: 20px;}
.pageRightPic img{width:250px;background-color:#fff;}

/* 提交页 */
.submitbd{display: flex;align-items: center;padding:20px 0px;}
.submitTips{margin-left: 15px;color: #666666;}

/* 房源详细页 */
#detailBox{display: flex;background-color:#fff;padding:30px 30px 20px 30px;margin-bottom:30px;}
.bigpic{border: 1px solid #eeeeee; width:540px;height: 405px;overflow: hidden;display:inline-block;margin-bottom:15px;border-radius: 5px;}
#detailInfo{flex:1;padding-left: 30px;}
.detailTitle{font-size:24px;font-weight:bold;padding-bottom:10px;}
.detailVdesc{padding-bottom:10px;font-size:16px;color:#666;}
.detailNo{color:#666;font-size:15px;padding-bottom:10px;}
.detailDes{color:#666;font-size:15px;padding-bottom:20px;}
.detailPrice{flex:1;font-size:24px;color:#d5452a;text-align:left;font-weight:bold;padding-bottom:20px;}
.detailAddress{padding-bottom:10px;}
.detailDate{padding-bottom:10px;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #eee;}
.detailBtnGreen{background-color: #16b777;display:inline-block;padding:5px 10px;color:#fff;border-radius:4px;}
.detailBtnOrange{background-color: #ff5722;display:inline-block;padding:5px 10px;color:#fff;border-radius:4px;margin-right:5px;}

.tool{position:fixed;bottom:30px;right:30px;z-index:99;font-weight:300}
.tool li{list-style:none}
.tool li i{font-size:14px;color:#fff}
.tool li button{background-color:#6b7280;height:48px;width:48px;border-radius:100%;border:none;text-align:center;display:flex;justify-content:center;align-items:center;cursor:pointer}
.tool li button:hover{background-color:#e33339}

/* rentfor */
.width200{width: 200px !important;}
.width600{width: 600px !important;}
.width550{width: 550px !important;}
.width150{width: 150px !important;}
.padding_tr{padding: 20px 0px 0 40px;}
.layui-input{background-color: #fff;border:1px solid #ddd;}

/* view */
.userInfo_box{display:flex;justify-content: center;}
.userInfo{padding:0px 10px;box-sizing: border-box;box-shadow: 0 0 4px 1px rgba(0, 0, 0, .102);width:340px;height:130px;margin-top: 40px;display: flex;align-items: center;border-radius: 10px;}
.userInfo a:hover{color: #fff;}
.userInfo_avatar{width: 80px;height:80px;border-radius: 50%;margin-right: 20px;}
.userInfo_avatar img{width: 80px;height:80px;border-radius: 50%;}
.userInfo_realname{color: #333; display: inline; font-size: 18px; font-weight: 600; margin-bottom: 4px;}
.userInfo_tel{color:#666;font-size:16px;padding-top: 5px;}
.display_flex{display: flex;}
.weixin{position: relative;;align-items: center; background: #30b631; border-radius: 6px; color: #fff; cursor: pointer; display: flex; flex-shrink: 0; font-size: 14px; font-weight: 400; height: 32px; justify-content: center; margin-right: 10px;padding:0px 10px;}
.weixin_img{width: 16px;height:16px;margin-right: 5px;}
.qrcode{width:150px;padding:3%;background-color: #fff;}
.userInfo_whatsapp{align-items: center; background: #ff9500;; border-radius: 6px; color: #fff; cursor: pointer; display: flex; flex-shrink: 0; font-size: 14px; font-weight: 400; height: 32px; justify-content: center; margin-right: 10px;padding:0px 10px;}
.userInfo_whatsapp img{width: 16px;height: 16px;margin-right: 5px;}
.pageRightPic_img{width:250px;height:160px;background-color:#fff;}
.footerContact{display: flex;justify-content: center;}

#bannerBox{width: 542px;height: 407px;display: flex;overflow: hidden;border: 1px solid #eeeeee;background-color: black;position: relative;}
.myvideo{width: 542px !important;height: 407px !important;}

.note{max-width:80%;margin:0 auto}
table{border:1px solid #ccc;width:100%;margin:0;padding:0;border-collapse:collapse;border-spacing:0;margin:0 auto}
table tr{border:1px solid #ddd;padding:5px}
table td,table th{padding:10px;text-align:left;border:1px solid #ddd}
table th{text-transform:uppercase;font-size:14px;letter-spacing:1px}
.houes_a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}

/*分页样式*/
#pages{margin-top:40px;margin-bottom:0px;padding:0px 20px 0px 20px;text-align:center;font-size:16px;}

#pages a{margin:4px;padding:4px 12px;border:1px solid #fff;background:#f3f3f3;border-radius:0px;text-decoration:none;font-size:16px;}
#pages a:hover{border:#233d92 1px solid;border-radius:0px;background:#233d92;color:#fff;font-size:16px;}
#pages .page_current{margin:4px;padding:4px 12px;border:#233d92 1px solid;border-radius:0px;background:#233d92;color:#fff;font-size:16px;}
#pages span.disabled{margin:4px;padding:4px 12px;border:#fff 1px solid;background:#f3f3f3;border-radius:0px;color:#333;font-size:16px;}
#pages span.text{margin:4px;padding:4px 12px;border:#fff 1px solid;background:#f3f3f3;border-radius:0px;color:#333;font-size:16px;}
#pages span.text-s{margin:2px 0px 2px 2px;padding:4px 12px;border:#233d92 1px solid;background:#233d92;border-radius:0px;color:#333;font-size:16px;}
#pages span.text-b{margin:2px 2px 2px 0px;padding:4px 12px;border:#233d92 1px solid;background:#233d92;border-radius:0px;color:#333;font-size:16px;}
#pages span.input input{margin:0px;height:33px;line-height:33px;width:60px;text-indent:5px;border:1px solid #eee;border-radius:0px;font-size:16px;}
#pages span.button{margin:2px;padding:4px 12px;border:#eee 1px solid;background:#eee;border-radius:0px;color:#333;font-size:16px;}

.ckin__player{display: contents;}
#viewVideo{width: 542px;height: 407px;overflow: hidden;}


.p_clamp{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}