@charset "UTF-8";

a, abbr, address, article, aside, audio, b, blockquote, body, caption, cite, code, dd, del, dfn, dialog, div, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, sub, sup, tfoot, th, thead, time, tr, ul, var, video {

    border: 0;

    margin: 0;

    outline: 0;

    padding: 0;

    font-size: 100%;

    font-weight: normal

}

*:focus {outline: none;}

body { margin: 0;padding: 0;width: 100%;height: 100%;-webkit-user-select: none;-webkit-touch-callout: none;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-text-size-adjust:none; background-color: #fff;

    font: 16px/1.25 Arial, "Microsoft Yahei";font-weight: bold;/*letter-spacing: -0.02em;*/font-family:"微软雅黑";}

html{-webkit-text-size-adjust: none;}

body * {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}

a { text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);cursor:pointer;color:#333;}

input,button,textarea,select {-webkit-appearance:none; font-size:1em;}

input {vertical-align: middle;}

img {border: 0;-ms-interpolation-mode: bicubic;vertical-align: middle;font-size: 0;}

table {border-collapse: collapse;border-spacing: 0}

th, td, caption {vertical-align: top;text-align: left}

sub,sup{font-size: 10px;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}

input[type=checkbox]{vertical-align: middle;}

.clear {width:0px; height:0px; font-size:0; clear:both;}

ul,li {list-style:none;}

body {margin:0 auto; }

i,em{ font-style: normal;}



/*定位*/

.fl{float:left; display:inline;}

.fr{float:right; display:inline;}

.c{display:block; zoom:1;}

.c:after{content:"."; display:block; visibility:hidden; height:0; clear:both;}

.h60{ height: 60px;}

.p15{padding:0 10px;}

.mt50{margin-top:50px;}



.ohidden{overflow:hidden;width:100%}



footer{width:100%; background:#fff;border-top:1px solid #e9e9e9;position: fixed;bottom:0;z-index: 888;}

.m_footer{margin-top:15px;}

.m_footer a{display: block;}

.m_footer .m_f_btn{float: left; background:#0D8A41;margin-right:15px;width:35%;color:#fff;height:40px;line-height: 40px;border-radius: 50px;text-align: center;font-size:1rem;}

.m_footer .m_f_btn img{width:22px;margin-right:4px;margin-top:-3px;}

.m_footer .m_f_tel{float: right;width:69px;margin-top:-2rem;}

.m_footer .m_f_tel img{width:100%;}

/*新的底部*/

.new_footer{display: flex;flex-direction: row;justify-content: space-around;text-align: center;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);}

.new_footer a{flex: 1;height:50px;line-height: 50px;font-size:16px;color:#fff;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);}

.new_footer a.btn_orange{background:linear-gradient(90deg,#f54732,#ff7338);margin-right: 0;}

.new_footer a.btn_blue{background:linear-gradient(227deg,#5ccc8e,#0D8A41);}

.new_footer a.zixun_btn{background:linear-gradient(90deg,#F7782D, #FBA837); }

.new_footer a img{width:22px;margin-right: 5px;}

/*搜索导航*/

.m_top_nav{height:50px;background:#0D8A41;width:100%;position: fixed;top:0;z-index: 100;}

.m_t_n_con{position:relative;}

.m_t_back{position: absolute;top:0;left:0;padding:12px 0 0 15px;z-index: 10;}

.m_t_back a{display: block;height: auto;}

.m_t_back img{height:24px;}

.m_t_search {width: 65%;border-radius: 5px; position: absolute;top:7px;left:50%;margin-left:-32.5%;z-index: 10;background:#fff;}

.m_t_search_input {width: 100%; height: 36px;  overflow: hidden;border-radius: 5px;}

.m_t_search_input .txt01 {float: left; width: 59%; height: 36px; line-height: 36px; color: #999; border: none; font-size: 14px;} 

.m_t_search_input .btnSubmit {float: right;width: 15%;height:23px;margin-top: 7px;border: none;background:url(../images/m_icon2.png) no-repeat;background-size: 20px 20px;}

.m_t_search select{width:20%;display: inline-block;margin-left: 6%;height:36px;border:none;float: left;font-size:14px;color:#0D8A41;background:#fff;}

.m_t_search select option{color:#999;padding:;}

.m_t_menu{position: absolute;top:0;right:0;padding:8px 15px 0 0;z-index: 10;}

.m_t_menu a{display: block;width:40px;height:36px; background:url('../images/m_xq_icon1.png') no-repeat 15px 0px; background-size:60%;}

.m_t_menu img{height:24px;}

/*显示导航*/

.pop-layer{display:none;position:fixed;left:0;top:50px;z-index:1000;width:100%;height:100%;background:rgba(0,0,0,0.8);}

.pop-layer.show{display:block;} 

.pop-layer .pop-main{position:absolute;left:0;top:0;z-index:12;width:100%;}

.m_nav_list li{width:24%;text-align: center;float: left;position: relative;left:2%;}

.m_nav_list li a {display: block; width:auto;height:auto;margin-top:20px;}

.m_nav_list li a p{width:60px;height:60px;margin:0 auto;}

.m_nav_list li a p img{width:100%;height:100%;}

.m_nav_list li a h1{font-size:0.9rem;}

.pop-layer .m_nav_list li a{color:#fff;}

/*新的导航样式*/

.new_nav_wrap{padding-top:20px;padding-bottom: 5px;}

.new_nav_wrap li{width:25%;margin-bottom: 15px;float: left;}

.new_nav_wrap li a{display: block;width:100%;text-align: center;}

.new_nav_wrap li a p{width:46px;height:46px;border-radius: 50%;margin:0 auto;margin-bottom: 3px;display: flex;justify-content: center;align-items: center;box-shadow: 0 3px 3px 0px rgba(0,0,0,0.3)}

.new_nav_wrap li a p img{width:24px;height:24px;}

/*.new_nav_wrap li:nth-child(1) a p{background: linear-gradient(#ABDCFF,#0396FF);}

.new_nav_wrap li:nth-child(2) a p{background: linear-gradient(#f9aca2,#fe6470);}

.new_nav_wrap li:nth-child(3) a p{background: linear-gradient(#F7782D,#FBA837);}

.new_nav_wrap li:nth-child(4) a p{background: linear-gradient(#FEB692,#EA5455);}

.new_nav_wrap li:nth-child(5) a p{background: linear-gradient(#5ccc8e,#0D8A41);}

.new_nav_wrap li:nth-child(6) a p{background: linear-gradient(#f9cc55,#f1ac20);}

.new_nav_wrap li:nth-child(7) a p{background: linear-gradient(#FAD7A1,#E96D71);}

.new_nav_wrap li:nth-child(8) a p{background: linear-gradient(#81FBB8,#28C76F);}

.new_nav_wrap li:nth-child(9) a p{background: linear-gradient(#FBA837,#F7782D);}

.new_nav_wrap li:nth-child(10) a p{background: linear-gradient(#90F7EC,#32CCBC);}*/

.new_nav_wrap li:nth-child(1) a p{background: #58c104;}

.new_nav_wrap li:nth-child(2) a p{background: #e95d50;}

.new_nav_wrap li:nth-child(3) a p{background: #ff8f30;}

.new_nav_wrap li:nth-child(4) a p{background: #fab14b;}

.new_nav_wrap li:nth-child(5) a p{background: #41a3ff;}

.new_nav_wrap li:nth-child(6) a p{background: #0cceac;}

.new_nav_wrap li:nth-child(7) a p{background: #f7547f;}

.new_nav_wrap li:nth-child(8) a p{background: #53a9e6;}

.new_nav_wrap li:nth-child(9) a p{background: #1bc5ab;}

.new_nav_wrap li:nth-child(10) a p{background: #32b7d6;}



.new_nav_wrap li a span{font-size:0.9rem;color:#fff;}

/*报名看房*/

.lpapply{ position: fixed; left: 50%; top: 96px; z-index:9999; width:300px;height:auto; margin-left: -150px;animation:layerFadeIn .5s;-o-animation:layerFadeIn .5s;-moz-animation:layerFadeIn .5s;-webkit-animation:layerFadeIn .5s;}

.lpapply_main{ position: relative;}

.lpapple_xian{display: block; text-align: center; position: relative; z-index: 16; height: 120px; width: auto}

.lpapple_xian img{ height: 100%; width: auto;}

.lpapply_top{ position: relative; top: -25px; z-index: 15; }

.lpapply_top div.topimg{ width: 100%; height: auto;position: relative; top: 0px;color:#fff;background:linear-gradient(227deg,#5ccc8e,#0D8A41);text-align: center;border-radius: 10px 10px 0 0;padding:15px 10px;}

.lpapply_top div.topimg .title{ font-size: 1.2rem;  margin-bottom: 10px;}

.lpapply_top div.topimg .texi{font-size: 0.8rem;}

.lpapply_top div.topimg img{ width: 100%; height: auto;}

.lpapply_top .lpapply_topconter{ width: 100%; height: auto; background: #fff; border-radius: 0 0 10px 10px; padding: 0 20px 20px;}

.lpapply_top .lpapply_topconter .texi{ width: 95%; margin: 0 auto; font-size: 0.85rem; line-height: 20px; color: #999; text-align: center; margin-top: 5px; }

.lpapply_top .lpapply_topconter .texi em{ color: #f56140;}

.lpapply_top .lpapply_topconter .input_text{ -webkit-user-modify: read-write-plaintext-only; margin-top: 10px; width: 100%; background: #f1f1f1; border-radius: 30px; border: none; text-align: center; height: 38px; font-size: 0.8rem;color: #666; padding: 0 15px;}

.lpapply_top .lpapply_topconter .bmipc{ border: none; margin: 15px 0px 10px 0; font-size: 1.2rem; background: linear-gradient(227deg,#5ccc8e,#0D8A41); color: #fff; text-align: center; font-weight:600; display: block; width: 100%; padding: 6px 0; border-radius: 30px;}

.lpapply_gb{ width: 40px; height: 40px; margin: 0 auto;}

.lpapply_gb img{ width: 100%; height: 100%;}





@media screen and (min-width: 300px) and (max-width: 374px) { 

  .m_close{margin-left:115px;margin-top:40px;width:30px;}

  .m_form_title{height:100px;}

  .m_form{padding-bottom:28px;}

}

#gray {

width: 100%;

height: 100%;

background: rgba(0,0,0,0.6);

position: fixed;

top: 0px;

display: none;

z-index: 9999;

}

/*广告图*/

.m_m_banner img{width:100%;}

.youhui{box-shadow:0 0px 10px rgba(0,0,0,0.2);}

.youhui img{width:100%;}

.youhui .swiper-pagination-bullet{background:rgba(0,0,0,.5);}

.youhui .swiper-pagination-bullet-active{background:#0D8A41;}



.dropload-down{text-align: center;}



/*博鳌一龄*/

.content_import{display: flex;justify-content: space-around;background: #fff;margin-top: 10px;padding: 10px;}

.import_fl{width: 25%;background: url(../images/yiling.jpg);background-size: 100% 100%;height: 5rem;color: #ffd97e;display: flex;justify-content: center;align-items: center;font-weight: 600;margin-right: 5px;}

.import_fl p{font-weight: 600;color: white;padding: 2px 0}

.import_fr{box-sizing: border-box;width: 75%;padding-left: 5%;background: url(../images/yiling1.jpg);background-size: 100% 100%;height: 5rem;display: flex;align-items: center;}

.import_fr div{color: white}

.import_fr p:nth-child(1){font-weight: 600;margin-bottom: 5px}

.import_fr p:nth-child(2){font-size: .9rem}



/*页面底部报名*/

.m_sign_up_box{background:#E9EAEB;margin:20px 10px 20px 10px;padding-bottom: 20px;border-radius:10px;}

.m_sign_up_box .m_bm_img img{display: block; width:100%;border-top-left-radius:10px;border-top-right-radius:10px;}

.m_sign_up_box .m_bm_box {text-align:center;}

.m_sign_up_box .m_bm_box input {height:35px;line-height:35px;text-align: center; background:#fff;color:#666;margin-top:15px;border:none;padding:0 15px;width:200px;font-size:14px;border-radius:20px;}

.m_sign_up_box .m_bm_box .apply_submit {background:#ff555b;height:35px;border-radius:20px;color:#fff;text-align:center;width:200px;border:none;margin:0 auto;display:block;margin-top:15px;font-size:16px}



.m_server{font-family: "PingFang SC",Pingfang,Helvetica Neue,Microsoft YaHei,Helvetica,Arial,sans-serif;box-sizing: border-box;}

.m_server .desc{font-size:14px;color:#212121;}

.m_server_signup{height:70px;background:linear-gradient(227deg,#5ccc8e,#0D8A41);border-radius:5px;margin:20px 0px;display:flex;justify-content: space-between;}

.m_server_signup p{color:#fff;font-size:16px;padding:13px 0 13px 13px;flex-grow:1;}

.m_server_signup .button{width:140px;position: relative;margin:auto;text-align: center;}

.m_server_signup .button::before{content:"";position:absolute;left:0;top:-4px;border-left: 1px dashed #fff;height:48px;}

.m_server_signup .button a{display: inline-block; width:100px;height:38px;line-height: 38px; border-radius: 22px;font-weight: 500;color:#0D8A41;background: linear-gradient(-180deg,#fff 50%,#ddc4c4)}

.m_server_signup.orange{background: linear-gradient(225deg,#ff9321,#ff314f)}

/*.m_server_signup.orange p{line-height: 48px}*/

.m_server_signup.orange .button a{color:#f42032;}



.small_picture {position: fixed;bottom: 40%;right: 1%;width: 20%;z-index: 9999;animation: zhibo 1s infinite;}

.small_picture img {width: 100%;border-radius: 5px;}

@keyframes zhibo{0%{bottom: 40%;}50%{bottom: 41%;}100%{bottom: 40%;}}

.exercise_wrap{width:80%;display: none;position: fixed;top:100px;left: 50%;margin-left:-40%;z-index: 10000;box-sizing: border-box;}

.big_pictrue{width:100%;text-align: center;}

.big_pictrue img{width:100%;border-radius: 5px;}

.exercise_bm_box input{display: block; height:40px;line-height:40px;text-align: center; background:#fff;color:#666;border:none;padding:0 15px;width:100%;font-size:14px;border-radius:20px;margin:10px auto 0 auto;}

.exercise_bm_box input.apply_submit{background:#0D8A41;color:#fff;}

@-moz-keyframes tada {

     0% {

        -moz-transform:scale(1);

    }

     10%, 20% {

        -moz-transform:scale(0.9) rotate(-3deg);

    }

    30%, 50%, 70%, 90% {

        -moz-transform:scale(1.1) rotate(3deg);

    }

    40%, 60%, 80% {

        -moz-transform:scale(1.1) rotate(-3deg);

    }

     100% {

        -moz-transform:scale(1) rotate(0);

    }

    }

    @-webkit-keyframes tada {

     0% {

        -webkit-transform:scale(1);

    }

     10%, 20% {

        -webkit-transform:scale(0.9) rotate(-3deg);

    }

    30%, 50%, 70%, 90% {

        -webkit-transform:scale(1.1) rotate(3deg);

    }

    40%, 60%, 80% {

        -webkit-transform:scale(1.1) rotate(-3deg);

    }

    100% {

        -webkit-transform:scale(1) rotate(0);

    }

    }

    @keyframes tada {

     0% {

        -webkit-transform:scale(1);

    }

     10%, 20% {

        -webkit-transform:scale(0.9) rotate(-3deg);

    }

    30%, 50%, 70%, 90% {

        -webkit-transform:scale(1.1) rotate(3deg);

    }

    40%, 60%, 80% {

        -webkit-transform:scale(1.1) rotate(-3deg);

    }

    100% {

        -webkit-transform:scale(1) rotate(0);

    }

}

/*显示动画*/

@keyframes layerFadeIn{0%{opacity:0;transform:scale(.5)}100%{opacity:1;transform:scale(1)}}

@-webkit-keyframes layerFadeIn{0%{opacity:0;-webkit-transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1)}}

@-moz-keyframes layerFadeIn{0%{opacity:0;-moz-transform:scale(.5)}100%{opacity:1;-moz-transform:scale(1)}}

@-ms-keyframes layerFadeIn{0%{opacity:0;-ms-transform:scale(.5);filter:Alpha(opacity=0)}100%{opacity:1;-ms-transform:scale(1);filter:Alpha(opacity=100)}}

@-o-keyframes layerFadeIn{0%{opacity:0;-o-transform:scale(.5)}100%{opacity:1;-o-transform:scale(1)}}



/*区域标签*/

.area_tag{position:absolute;top:0px;left:0px;background:linear-gradient(270deg,#ff7338,#f54732);font-size:0.7rem;color:#fff;padding:4px 11px 4px 11px;border-top-left-radius: 5px;border-bottom-right-radius: 5px;}

/*团购*/

.hot-house{margin-top:0;height:auto;}

.hot-house ul li{width:310px;background:#fff;border-radius: 5px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2)}

.hot-house-img{height:207px;position: relative;}

.hot-house-img a img{display: block;width:100%;height:100%;border-radius: 5px 5px 0 0;}

.hot-house-info{text-align: center;padding:.75rem .2rem;border-left:1px solid #eee;border-right:1px solid #eee;}

.hot-house-info .title{font-size:1.1rem;font-weight: 600;}

.hot-house-info .price em{color:#D61518;font-size:1.5rem;}

.hot-house-btn{border-top:1px solid #ddd;display: flex;justify-content: space-between;}

.hot-house-btn a{flex: 1;text-align: center;padding:10px 0;color:#fff;}

.hot-house-btn a:nth-child(1){background:linear-gradient(90deg,#f54732,#ff7338);border-bottom-left-radius:5px;}

.hot-house-btn a:nth-child(2){background:linear-gradient(227deg,#5ccc8e,#0D8A41);border-bottom-right-radius:5px;}

.hot-house-info .time{font-size: 0.8rem;color:#999;}

.hot-house-info .time em{color:#ff6666;padding-right: 3px;}



.list_yh{display: flex;justify-content: space-between;align-items: center; margin-top: 8px;background: #ffe2e2;border-radius: 3px;padding: 5px;}

.list_yh_info{width:80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #f50000;}

.list_yh_info .font{background: #f50000;color: #fff;padding:2px;border-radius: 5px;}

.list_yh_info .zk{ padding-left: 5px;color: #f50000;font-size: 14px;}

.list_yh_btn{background: #fef3f0;color:#f56140;border: 1px solid #f56140;border-radius: 3px;font-size: 12px;padding:3px 7px 2px 7px;}



.bg-blue{background:-webkit-linear-gradient(227deg,#24c5ff,#316dff);background:-o-linear-gradient(227deg,#24c5ff,#316dff);background:-moz-linear-gradient(227deg,#24c5ff,#316dff);background:linear-gradient(227deg,#24c5ff,#316dff);}

.bg-origin{background:-webkit-linear-gradient(90deg,#f54732,#ff7338);background:-o-linear-gradient(90deg,#f54732,#ff7338);background:-moz-linear-gradient(90deg,#f54732,#ff7338);background:linear-gradient(90deg,#f54732,#ff7338);}

.bg-yellow{background:-webkit-linear-gradient(90deg,#F7782D, #FBA837);background:-o-linear-gradient(90deg,#F7782D, #FBA837);background:-moz-linear-gradient(90deg,#F7782D, #FBA837);background:linear-gradient(90deg,#F7782D, #FBA837);}

.bg-green{background:-webkit-linear-gradient(227deg,#5ccc8e,#0D8A41);background:-o-linear-gradient(227deg,#5ccc8e,#0D8A41);background:-moz-linear-gradient(227deg,#5ccc8e,#0D8A41);background:linear-gradient(227deg,#5ccc8e,#0D8A41);}

.bg-red{background:-webkit-linear-gradient(-135deg,#f2140c,#f2270c 70%,#f24d0c);background:-o-linear-gradient(-135deg,#f2140c,#f2270c 70%,#f24d0c);background:-moz-linear-gradient(-135deg,#f2140c,#f2270c 70%,#f24d0c);background:linear-gradient(-135deg,#f2140c,#f2270c 70%,#f24d0c);}



@media screen and (min-width: 770px){.m_header,.footerce,.m_hot_city,.index_news,.new_nav,.m_i_news,.m_preference,.m_house_group,.youhui,.m_favourable,.m_count_lp,.m_lp_list,.m_house_detail,.m_news_detail,.new_group,.m_news,.m_tools,.m_sign_up_box,.zbkf-box{max-width: 677px;margin-left: auto!important;margin-right: auto!important;}}

/*直播看房*/

.zbkf-box{background: #fff;padding: 0 10px 10px 10px;box-sizing: border-box;}

.zbkf-tit{font-size: 1.5rem;line-height: 70px;}

.zbkf-list li{display: flex;margin-bottom: 23px;min-height: 83px;overflow: hidden;}

.zbkf-list li .zbkf-img{display: block;position: relative; width: 110px;height: 83px;margin-right:13px;}

.zbkf-list li .zbkf-img img{height: 100%;width: 100%;border-radius: 5px;}

.zbkf-info{max-width: 100%;}

.zbkf-info h3{font-size: 1rem; font-weight: 600;color: #333;}

.zbkf-info .price{color: #D61518;line-height: 30px;}

.zbkf-info .price em{font-size: 1.4rem;}

.zbkf-info .price span{color: #666;font-size: 0.8rem;padding-left: 10px;vertical-align: top;}

.zbkf-btn a{display:inline-block;height:25px;line-height:26px;font-size:12px;color:#222;text-align:center;border-radius:13px;margin-right:10px;width: 96px;background:linear-gradient(90deg,#f54732,#ff7338);color: #fff;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2)}

.zbkf-btn a.bg-green{background:linear-gradient(227deg,#5ccc8e,#0D8A41);}