.layout_con {  padding: 30px;  }
.navbar-self {border-radius: 4px; height: 50px; line-height: 50px; background: #f3f3f3; padding: 0 20px; overflow: hidden; border: none}
.navbar-self .nav > li > a { color: #333; font-size: 16px; letter-spacing: 2px;text-transform: uppercase; margin-right: 20px}
.navbar-self .nav li a:focus {color: #4a77eb ;font-weight:bold;  }
.navbar-self .nav > li > a.cur{color: #4a77eb!important; border-bottom: solid 3px #4a77eb; height: 47px; font-weight: 700; }
/* title css */
.title-nav{background-color: #f8f8f8; height: 62px; line-height: 62px; color: #000; padding-left: 30px; border-bottom: 1px solid #e4e4e4; font-weight: 700;}
.title-nav span{line-height:24px;}
.title-nav h3{float: left; font-size: 18px;}
.title-nav .more{float: right; font-size: 14px; color: #666; margin-right: 15px; font-weight: 400;}

/* right css */
.right_info h3 {height: 40px; line-height: 40px; border-bottom: 1px solid #e5e5e5; font-size: 16px; margin: 0}
.inf-line {margin: 0;max-height: 48px;height: auto; line-height: 24px; padding: 4px 0;}
.inf-numb {line-height: 16px!important; font-family: arial; border-radius: 2px; margin-right: 8px;  float: left; width: 16px; height: 16px; text-align: center; font-size: 12px;}
.inf-numb, .top-num {margin-top: 4px;  }
.top-num {background: #e00101; color: #fff; font-style: normal;}
.top-num_2 {background:#cccccc; color: #fff; font-style: normal;}
.inf-tit {line-height: 24px; height: auto; max-height: 48px; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  }
.inf-tit a {color: #333;max-height: 48px;line-height: 24px; overflow: hidden;display: block;}
.inf-tit a:hover {color: #4a77eb}
.d_ji_1{width: 120px;}
.d_ji_2{width: 120px;margin-left: 19px;}

/* 分类 */
.jushi {width: auto; font-size: 14px; line-height: 40px;overflow: hidden; color: #666; }
.jushi .spe { color: #e5e5e5; margin: 0 12px;  }


/* house info */
.house_info{font-size:16px;color:#000}
.lp_box {  box-shadow: 0 1px 3px rgba(0,0,0,.3);  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3);  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);  }
.lp-icons {background-image: url("/theme/agency/img/icon_detail.png"); background-repeat: no-repeat;display: inline-block; font-size: 0; overflow: hidden; vertical-align: middle;  }

.house_info .house_price{line-height:30px;}
.house_info .house_price .hprice{font-size:28px;color:#ff2424;margin: 0 5px;}
.house_info .house_price a{margin-left: 20px;padding-left: 20px;font-size: 14px;}
.house_info .house_price .sale_note{background: url('/theme/agency/img/sale_note.png') no-repeat left center;cursor: pointer;}
.house_info .house_price .mor_cal{background: url('/theme/agency/img/icon_cal.png') no-repeat left center;}
.house_info label{color: #333;font-weight:700;}

.house_openinfo{line-height:36px;width:46%;float:left; margin-top:2px; font-size: 14px;}
.house_openinfo h3 {font-size:18px;height: 20px;line-height: 20px;margin-top:15px;color:#f60}
.house_openinfo .link_map{margin-left: 16px;background: url('/theme/agency/img/icon_map.png') no-repeat left center;padding-left: 16px;cursor:pointer;}
.house_openinfo  .nowfund{color:#4a77eb; font-weight:bold}
.house_openinfo .showlink{padding-left:10px;}
.house_openinfo .showlink:hover{color:#f60;text-decoration:none;cursor:pointer}
.house_openinfo .showlink .lp-icons-open{background-position:-210px -153px;height:15px;margin-right:1px;vertical-align:-2px;width:17px;}
.house_openinfo .showlink:hover .lp-icons-open {background-position: -236px -153px;}
.house_openinfo label{font-size: 16px;}


/* 动态信息,我要贷款,预约看房，组团看房，立即订阅css样式 */
.modal_required{color: #4a77eb;}
.modal_size{font-size: 16px;line-height: 1;}
.modal-header{border:0;}
.modal-header hr{width: 550px;border: 1px solid #4a77eb;font-weight: bold;margin-top: 10px;}
.modal_title{font-size: 27px;font-weight: bold;color: #4a77eb;padding: 10px 20px 0 20px;}
.modal_input-text{width: 222px;height: 42px;}
.modal_input-prompt{height: 21px;font-size:13px;color:#4a77eb;padding-left: 108px;}
.modal_code_img{height: 41px;width: 130px;margin-top: -3px;}
.modal_sms_code{width: 130px;height: 42px;border: 0;background-color: #eeeeee;}
.close{font-size: 30px;}
input{padding-left: 5px;}
.modal_loading{width: 98%;height: 100%;text-align: center;font-size: 20px;position: absolute;top:0;left:-30px;background-color: #fff;display: none;}
.modal_loading div{position:absolute;top:25%;left:38%;}
.modal_loading div img{width: 50px;height: 50px;}
.modal_loading div span{}
.modal_loading button{background-color: #81bb32;color: #fff;padding: 4px 8px;border:0;font-size: 18px;display: none;position: absolute;top:55%;left:45%;}

/* 动态信息 */
.dy_modal_body>div{width:550px;margin-left: 10px;margin-top: -20px;}
.dy_modal_body>div:hover{background-color: #eaeaea;cursor:pointer;}
.dy_time{float:left;width: 100px;text-align: center;}
.dy_time1{color: #00c309;font-size:25px;}
.dy_time2{color:#9f9f9f;font-size:20px;}
.dy_contents{margin-left: 20px;}
.dy_content1{font-size:21px;}
.dy_content2{margin-left: -4px;}

/* 我要贷款 */
.lo_modal_header div{margin-left: 27px;width: 513px;height: 63px;background-color: #ececec;}
.lo_modal_header div p{text-align: center;line-height: 63px;font-size: 17px;}
.loan1 div{height: 15px;}
.lo_loan1_input-text{width: 355px;height: 42px;}
.lo_loan1_submit{width: 357px;margin-left: 80px;height: 42px;background: #81bb32;color:#fff;border:0;}
.lo_modal_body{margin-left: 47px;}
.lo_modal_input-prompt{height: 21px;font-size:13px;color:#4a77eb;padding-left: 80px;}
.lo_loan1_check{margin-left: 80px;font-size: 14px;}
.lo_loan1_check input{width: 14px;height: 14px;}
.loan2 p{margin-left: 70px;}
.loan2 ul{margin-top: -15px;}
.loan2 li{padding-top: 15px;}
.lo_loan2_input-text{width: 280px;height: 35px;}
.lo_loan2_space{display: inline-block;width: 10px;}
.lo_loan2_space2{display: inline-block;width: 30px;}
.lo_loan2_submit{width: 160px;height: 35px;margin-left: 75px;margin-top: 20px;border: 0;background-color:#4a77eb;color: #fff;}

/* 预约看房 */
.bo_modal_content{width: 622px;margin-top: 50px;}
.bo_modal_body{margin-left: 55px;}
.bo_modal_header div{margin-left: 20px;width: 553px;height: 80px;background-color: #ececec;font-size: 20px;}

.index-1{float: left;margin: 28px 0 28px 25px;}
.bo_modal_header div b,.bo_modal_header div span{margin-left: 15px;line-height: 80px;  }
.bo_modal_header div span{font-size: 17px;color: #808080;}
.bo_modal_header p{font-size: 19px;line-height: 1;margin-top: 5px;padding-left: 20px}
.bo_modal_header{border: 0;}
.bo_modal_header .ayuyue{font-size: 19px;padding-left: 20px; }
.bo_modal_header img{padding-left: 20px;width: 573px;}
.bo_modal_input_submit{height: 42px;width: 120px;background-color: #4a77eb;color: #fff;font-size: 18px;border: 0;margin-left: 112px;}

/* 组团看房 */
.gr_modal_content .inputcontent{position: relative;top:-20px;left:50px;}
.gr_modal_header img{width: 552px;margin:-10px 9px;}
.gr_modal_header p{padding: 15px 20px;font-size:25px;}
.gr_modal_input_submit{height: 42px;width: 120px;background-color: #81bb32;color: #fff;font-size: 18px;border: 0;margin-left: 111px;}

/* 立即订阅 */
.su_header_color{color: #979797;}
.su_header_size{font-size: 21px;margin-left: 10px;}
.su_modal_content .inputcontent{position: relative;top:-20px;left:50px;}
.su_modal_header_p2{margin-left: 10px;}
.su_modal_header_p2 .fuxuan{display: inline-block;width: 550px;height: 70px;background-color: #ececec;margin: 0 0 25px 0;}
.fuxuan span{margin-left: 20px;font-size: 16px;line-height: 70px;}
.fuxuan input{width: 14px;height: 14px;}

/* 用户登录css样式 */
.us_modal_bo_p_input{width: 388px;height: 44px;padding-left: 40px;}
.us_modal_body p{margin: 10px 40px;}
.us_modal_login{width: 388px;height: 34px;background-color: #4a77eb;color:#fff;border:0;}
.us_modal_forget-password{color:#4a77eb;}
.us_modal_hea_div{position:relative;float: right;left: -40px;top: -29px;}
.us_modal_hea_div span{color:#a5a5a5;}
.us_modal_header{border-bottom:2px solid #4a77eb;height: 70px;}
.us_modal_dialog{width: 500px;border-radius: 0;margin-top: 140px;}
.us_modal_body p span{float: left;font-size: 17px;position:relative;top:32px;left:13px;color: #828282;}

/* 其他 */
.sub_btn{float: right;margin-right: 44px;}
.sub_text{height: 34px;}
#book_phone_prompt{height: 15px;display: block;font-size:13px;color:#4a77eb;}
#subs_phone_prompt{width: 117px;display: inline-block;font-size: 13px;color:#4a77eb;text-align: right;}

.guess-like h3 {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    margin-top: 15px;
    font-weight: normal;
}
.guess-like {
    border: 1px solid #ddd;
    font-size: 14px;
    margin: 20px 0;
    padding-bottom:15px;
}

.List_articleList__2v_IR .List_box__10iAG:first-child {
    margin-top: 0!important;
}
.List_articleList__2v_IR .List_box__10iAG {
    background: #fff;
}
.List_articleList__2v_IR .List_box__10iAG .List_title__1eJxS {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #000;
    line-height: 56px;
    border-bottom: 1px solid #eee;
}
.List_articleList__2v_IR .List_box__10iAG .List_highItem__3W70b {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #333;
    padding: 18px 0 15px;
    text-align: justify;
    cursor: pointer;
}
.List_articleList__2v_IR .List_box__10iAG .List_highItem__3W70b>img {
    width: 290px;
    height: 164px;
    margin-bottom: 10px;
    border-radius: 2px;
}
.List_articleList__2v_IR .List_box__10iAG p {
    margin-bottom: 0;
}
.List_articleList__2v_IR .List_box__10iAG .List_item__2janr {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #333;
    display: -webkit-flex;
    display: flex;
    border-top: 1px dashed #eee;
    padding: 18px 0;
    cursor: pointer;
    width: 245px;
    float: right;
}
.List_articleList__2v_IR .List_box__10iAG .List_item__2janr .List_left__306bp {
    width: 70px;
    height: 50px;
    border-radius: 2px;
    margin-right: 12px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}
.List_articleList__2v_IR .List_box__10iAG .List_item__2janr .List_right__3Sl4g {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #333;
    text-align: justify;
    width: 162px;
    float: right;
}

.List_articleList__2v_IR .List_box__10iAG .List_item__2janr .List_right__3Sl4g>p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 18px;
    font-size: 14px;
}
.List_articleList__2v_IR .List_box__10iAG .List_item__2janr .List_right__3Sl4g>span {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #bbb;
    line-height: 16px;
    text-align: right;
    width: 155px;
}
.vr_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    background-image: url(/images/vr_dong.png);
    background-repeat: no-repeat;
    background-size: 2000px 100%;
    -webkit-animation: vr_icon_keyframess 2s steps(50) infinite;
    /* animation: vr_icon_keyframes 3s steps(69) 1s infinite; */
    z-index: 999;
}
@-webkit-keyframes vr_icon_keyframess {
    0% {
        background-position: 0 0
    }
    to {
        background-position: -2000px 0
    }
}

@keyframes vr_icon_keyframess {
    0% {
        background-position: 0 0
    }
    to {
        background-position: -2000px 0
    }
}