@charset "utf-8";
 
 html{ font-size: 62.5%;}
 body{max-width: 740px;}
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}	
.comWidth{ padding: 0 15px; margin-left:auto; margin-right:auto; }
.comWidth1{ width:93%; margin-left:auto; margin-right:auto; }
.leftArea{float:left;}
.rightArea{float:right;}
.hide{display:none;} 
.show{display:block;}
.mb50{margin-bottom: 50px;}



/*logo*/
.chheader{background:#fff;padding:8px 0;border-bottom: 1px solid #e9e9e9;margin-bottom: 3px;}
.logo{width:12.5rem;}
.logo img{width: 100%;}
.chcity {/*width: 50px;*/margin:11px 0 0 5px;padding:2px 3px;line-height: 1.4rem;}
.chcity i{font-size: 1.2rem;}
.chcity a{color:#666;font-size: 1.4rem;}
.logobar{width: 69%;}
.cctitle{font-size: 1.6rem;line-height: 4rem;}
.chheader a.fr{display:block;padding:3px 10px;border:1px solid #02a9ab;margin:10px 5px 0 0;border-radius: 5px;color:#02a9ab;font-size: 1.4rem;}


/*快捷*/
.chnav{position:absolute;left:15%;bottom: 7.5rem;background: rgba(255,255,255,0.7);width: 70%;border-radius: 25px;}
.chnav .fl{width:70%;}
.chnav .fl a{padding-right:1.2rem;/*font-weight:500;*/font-size:1.8rem;color:#101D37 ;font-weight: bold;line-height: 5.2rem;}
.chnav .fr{display: flex;border-radius: 25px;font-size: 1.4rem;color: #666;padding:.7rem 1.2rem;width: 100%;text-align: center;
    font-family:Noto Sans SC;font-weight:200;}
.chnav .fr i{font-size:1.6rem;line-height:1.8rem;color:#888;width: 100%;border-radius: 25px;}
.chnav .fr em{padding-left: 10px}
.banner_pic{position: relative;}
.banner_pic img{width: 100%;/*height: 19rem;*/}
.banner_pic p{position: absolute;text-align: center;left: 0;top: 7.5rem;width: 100%;
    display: block;font-size: 2.4rem;color: #fff;letter-spacing: 1px;font-family:Noto Sans SC;font-weight:600;}
.banner_pic span{color: #656060;   display: block;   width: 100%;   text-align: center;    position: absolute; 
  left: 0;    font-size: 1.4rem;  bottom: 4.3rem;}
.banner_pic span em{border: 1px solid #ffffff70;font-family:Noto Sans SC;font-weight:500;
    border-radius: 25px;
    padding: .1rem .9rem;
    color: #fff;
    font-size: 1.3rem;margin-right: 10px;}
/*快速入口*/
.boxItem01{background: #fff;}
.boxItem01 .mou02{/*border-bottom: 1px solid #f1f1f1;*/padding: 1.5rem 0;}
.boxItem01 .mou02 li p{font-size: 1.4rem;/*min-width:80px;*/color:#101D37;line-height:2.8rem;font-weight: bold;}
.boxItem01 .mou02 li{width:25%;text-align: center;float: left;padding-bottom: 8px;}
.boxItem01 .mou02 li i{font-size: 1.4rem;color:#888;display: block;height:54px;overflow: hidden;}
.boxItem01 .mou02 li i img{width: 54px;}


/*标题*/
.cctitle{border-bottom: 1px solid #e3e3e3;height: 4rem;line-height:4rem;}
.cctitle .fl{font-size: 1.6rem;padding:0 10px;border-bottom: 1px solid #02a9ab;color:#02a9ab;line-height: 3.95rem;}

/*房产资讯*/
.sj_kfj{/*margin: 10px 0;*/background: #fff;padding: 10px 0 0 0;}
/*.mainInfo { padding: 0 10px;}*/
.mainType {   -webkit-background-size: 0.125rem 0.65rem;  background-size: 0.125rem 0.65rem;  font-size: 0.8rem;  color: #101D37 ;  text-indent: 0.5rem;  margin-top: 0.75rem;}
.mainListItem { box-sizing: border-box;  padding:15px 0;  border-bottom: 0.025rem solid #ddd;}
.mainListItem .mainListItemL {  width: 64%;  height:10rem; position: relative;}
.mainListItem .mainListItemR {  width: 34%;  height: 6.6rem;  position: relative;text-align: right;}
.mainListItem .mainListItemR img {  width: 100%;  height:6.6rem;border-radius: 5px;max-width: 11rem; }
.mainListItem_txt {  font-size: 1.4rem;  color: #101D37 ;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    text-overflow: ellipsis;   overflow: hidden;}
.News_jianj{display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  margin-top: .5rem;
  color: #929292;}
.mainListItem_txt em{color:#02a9ab;display: none;}
.mainListItem_imgs {  width: 18.75rem;}
.mainListTags {  position: absolute;  left: 0;  bottom: 0;display: block;}
.mainListTag_1 {   color: #999; padding-right: 0.75rem;float: left;line-height: 2rem;/*background: url(/html/img/mobile/sj_shij.png) no-repeat 0 center;*/}
.mainListTag_3 {position: absolute;bottom: 0;left: 0;font-size: 1.4rem;color: #30a15d;background: #e4fde9;  text-align: center;  padding: 1px 5px;  border-radius: 3px;}
.is_recommond02 .mainListItemL {  width: 100%;height:4rem; }
.mainListTag_1 i{line-height: 2rem;float: left;padding-right: 2px;font-size: 1.3rem;margin-top: -2px;}
.mainListItem h3{font-size: 1.4rem;}
.mainListItem:last-child{border: none;}
.is_recommond02{padding: 10px 0;}
.is_recommond02 .mainListItem_txt{ display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 1;    text-overflow: ellipsis;   overflow: hidden;}
.mainListTag_1.sj_ll{background: url(/html/img/mobile/sj_ll.png) no-repeat 0 center;padding-left: 18px;}

/*banner*/
.banner{background: #fff;}       
.swiper-container { width: 100%;height: 100%;}
.swiper-container img{width: 100%;height: 100%; }
.swiper-slide {text-align: center;font-size: 18px;background: #fff;   border-radius: 5px;overflow: hidden;display: -webkit-box;display: -ms-flexbox;
display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;  -webkit-justify-content: center;justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}



/*房价走势*/
.boxItem02 .comWidth{padding:15px 0;background: #fff;}
.boxItem02 .fl{width: 30%;text-align: center;color:#02a9ab;color: #02a9ab;padding-top: 3px;}
.chbox02{width: 70%;background: #fff;}
.chbox02 ul{padding-right: 10px;zoom:1;color:#999;}
.chbox02 ul li{width: 55%;display: block;float: left;padding:2px 0 2px 10%;font-size:1.4rem;}
.chbox02 ul li{border-left:1px solid #e3e3e3;}
.chbox02 ul li b{color:#101D37 ;font-size:1.8rem;font-weight: bold;display: block;float:left;}
.chbox02 ul li:last-child span{color:#ff4a00;}
.chbox02 ul li span{line-height: 24px;}
.chbox02 ul li:nth-child(2){width: 40%;}
.chbox02 ul li em{font-size:1.8rem;font-weight: bold;color: #ff4a00;}

.chbox02 ul li p{padding-top: 4px;}
.boxItem02 .fl p{font-size: 1.4rem;padding-top: 3px;color: #02a9ab;}
.boxItem02 .fl i{font-size:2.2rem;text-align: center;color: #02a9ab;}

/*看房*/
.enter .comWidth{  padding:10px 15px 15px 15px; overflow:hidden; display:flex; display:-webkit-flex;background: #fff;/* margin-top: 10px;*/}
.enter .txt{ flex:auto; -webkit-flex:auto; overflow:hidden; }
.enter .tit{ font-size:1.6rem; line-height:2rem; height:2rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight: 600;}
.enter .tit span{ font-size:1.6rem; color:#02a9ab;font-weight: bold;padding-left: 3px; }
.enter .desc{ color:#999; line-height:2rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.enter .btn{ overflow:hidden; }
.enter .btn a{ display:block; width:9rem; line-height:34px; background:#02a9ab; color:#fff; font-size:1.4rem; text-align:center; margin-top:3px; border-radius:8px; 
    background: -webkit-linear-gradient(#51b3b4, #73d8d9);
        background: -o-linear-gradient(#51b3b4, #73d8d9);
        background: -moz-linear-gradient(#51b3b4, #73d8d9);
        background: linear-gradient(#51b3b4, #73d8d9);}
}



/*航拍视频*/
.video_box01{position: relative;width: 100%;margin: 0 auto;margin-bottom: .1rem;margin-top: .5rem}
.vid_item li{/*margin-bottom: .3rem;padding-bottom: 1rem;*/ padding: 8px 0;}
.vid_dw{width: 100%;height: 16.18rem;position: relative;}
.vid_pic{width: 100%;height: 16.18rem;}
.vid_pic img{width: 100%;height: 16.18rem;}
.vid_pic_ico{ position: absolute;top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);width: 4rem;height: 4rem;background-image: url(/html/img/mobile/vid.png);-webkit-background-size: 100% 100%;background-size: 100% 100%;background-repeat: no-repeat;}
.vid_title{position: absolute;width: 100%;background-color: rgba(0,0,0,.6);left: 0;bottom: 0;padding: .1rem .6rem;font-size: 1.6rem;color: #fff;}

.vid_name{float: left;}
.vid_name p{display: block;width: 12rem; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.vid_name span{font-size: 1.4rem;color: #ccc;}
.vid_price{float: right;font-size: 1.6rem;line-height: 48px;}
.vid_price i{display: block;float: left;}
.vid_price em{color: #ff3333;font-weight: bold;font-size: 2.1rem;    padding-right: .2rem;display: block;float: left;}
.vid_phone a{display: block;margin: 0 auto;margin-top: .5rem;font-size: 1.4rem;width: 100%;height: 2.3rem;color: #fff;background: #46ccae;line-height: 2.3rem;text-align: center;border-radius: 2px;letter-spacing: 5px;
background: -webkit-linear-gradient(#46ccae, #8ce9d4);
    background: -o-linear-gradient(#46ccae, #8ce9d4);
    background: -moz-linear-gradient(#46ccae, #8ce9d4);
    background: linear-gradient(#46ccae, #8ce9d4);
    }



/*热销楼盘*/
.newOpenC{margin-top: 10px;}
.newOpen{background: #fff;/*margin-top: 10px;*/padding: 10px 0 15px 0;}
.newOpenTitle {  height: 2.5rem;  font-size: 1.8rem;  color: #101D37 ; line-height: 2.5rem;}
.newOpenTitle span {  margin-left: 0.8rem;  color: #999; font-size:1.4rem;}
.newOpenItem {position: relative;display: block;  float: left;  font-size:1.4rem;  color: #404040;width: 31%;margin-left: 3.5%;}
.newOpenItem:first-child{margin-left: 0;}
.newOpenItem p {  margin-top: 0.625rem;  overflow: hidden;  width: 100%;  white-space: nowrap;  text-overflow: ellipsis;  text-align: center;}
.newOpenPic {  width: 100%; height:7.6rem; background-color: #e9e9e9; border-radius: 0.35rem; -moz-border-radius: 0.35rem; -webkit-border-radius: 0.35rem;}


/*发现好房*/
.boxItem05{/*margin: 10px 0;*/}
.boxItem05 .comWidth{background: #fff;padding:10px 15px 0 15px;}
.swiper2 {z-index: 0;}
#newsList{width: 100%;margin: auto;padding: 20px 0; }
#newsList .list_a{display: block;color:#fff;}
.news-slide{border-radius: 3px;overflow: hidden;-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;position: relative;
			-webkit-transition: -webkit-transform ease 300ms;transition: transform ease 300ms;-webkit-transform: scale(.8);text-align: center;color:#fff;
			transform: scale(.8);height: 7rem;line-height:7rem;}
.news-slide p{position: absolute;left: 0;top:0;background:rgba(0,0,0,0.4);width: 100%;height:7rem;line-height:1.6rem;padding-top:1.8rem;text-align: center;}
.news-slide img{width: 100%;height: 7.5rem;} 
.news-slide-active{			-webkit-transform: scale(1.1);			transform: scale(1.1);			z-index: 100;		}		
.Retailers {    background: #fff; padding-top: 8px;		/*border-radius: 8px 8px 0 0;*/    overflow: hidden;}
.Lplist li{padding: 15px 0; border-bottom: 1px solid #eaeaea;position: relative;}
.Lplist li:last-child{border-bottom: none;}
.Lp_pic{ width: 11.4rem;display: inline-block;vertical-align: top;position: relative;}
.Lp_pic img{display: block;width: 100%;height:8.6rem;border-radius: 5px;}
.Lp_pic i{position: absolute;top: 0px;left: 0px;background-image: linear-gradient(270deg,#ff7338,#f54732);font-size: 1.2rem;color: #fff; padding: 1px 4px;border-top-left-radius: 4px;}
.Lp_pic em{position: absolute;top: 0px;left: 0px;background-image:linear-gradient(270deg,#46cc7d,#32a98e);/*background-image: linear-gradient(270deg,#ff0000,#ff0030);*/font-size:1.2rem;color: #fff; padding: 1px 4px;border-top-left-radius: 4px;}
.Lp_con{display: inline-block;vertical-align: top;position: relative;left: 8px;width: 65%;font-size: 1.4rem;}
.Lp_con .Lp_title{font-size: 1.6rem;margin-bottom:3px;width:90%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 600;}
.Lp_con .Lp_title span{font-weight: 400;font-size: 1.3rem;color: #a9b6ca;}
.Lp_con .Lp_add{color: #999;margin-bottom: 1px;font-size: 1.3rem;}
.Lp_con .Lp_hx{color: #999;}
.Lp_con .Lp_jiage {line-height: 24px;}
.Lp_con .Lp_jiage i{display: block;padding-left: .2rem;float: left;}
.Lp_con .Lp_jiage em{color: #ff4a00;font-weight: 600;font-size: 1.8rem;display: block;float: left;}
.Lp_con .Lp_tese{margin-top: .3rem;font-size: 1.2rem;width: 12rem;text-align: right;}
.Lp_con .Lp_tese span{border-radius: 3px;padding: 1px 3px;margin-right: .2rem;color: #aeaeae;background: #f4f4f4;}
.tel_phone{position: absolute;right: 1rem;top:3rem;width:4.2rem;background:#f5f7fe;border-radius: 100%;    box-shadow: -2px 0px 5px #dcdcdc;}
.tel_phone .tel_num{display: block;}
.tel_phone .tel_num img{width: 100%; height: 100%;}
.chfooter{text-align: center;color:#f8f8f8;padding: 25px 0;background: #2c2f2d;}
.chfooter a{padding: 0 5px;color:#f8f8f8;font-size: 1.4rem;}
.chfooter h3{font-size: 1.4rem;}
.chfooter ul li{line-height: 1.6rem;}
.chmore{text-align: center;display: block;line-height:4.8rem;border-top: 1px solid #e3e3e3;margin-top: 5px;font-size: 1.4rem;}
.jg_yxq{color: #999;font-size: 1.2rem;}
.flex{display:flex;}
.one_hide{overflow: hidden;   text-overflow: ellipsis;  white-space: nowrap;font-size: 1.3rem;}

/*导购*/
.boxItem06 {background: #f4f6f9;padding: 10px 0 0 0;}
.boxItem06 .comWidth{border-radius: 5px;overflow: hidden;}
.boxItem06 ul li{display: block;width: 22%;float: left;text-align: center;margin-right:0%;padding: 10px 0;}
.boxItem06 ul li i{display: block;color:#02a9ab;font-size:2.4rem;margin-bottom: 5px;}
.boxItem06 em{display: block;float: left;width:4%;height:17px;margin-top: 20px;color:#d6d3d3;}
.chfooter{text-align: center;color:#f8f8f8;padding: 25px 0;background: #2c2f2d;}
.chfooter a{padding: 0 5px;color:#f8f8f8;font-size: 1.4rem;}
.chfooter h3{font-size: 1.4rem;}
.chfooter ul li{line-height: 1.6rem;}

/*置业顾问弹窗*/
.k_tanc {width: 100%;height: 100%;background: rgba(0,0,0,0.7);position: fixed;left: 0;top: 0;z-index: 100;}
.k_tc_center {width: 84%;padding-bottom: 30px;background: #fff;position: absolute;top: 50%;left: 50%;border-radius: 10px;transform: translate(-50%,-50%);animation: change 0.9s;-webkit-animation: change 0.9s;-moz-animation: change 0.9s;}
 @keyframes change {
 0% {left:100%;opacity:0;}
 100% {opacity:1;}
}
 -webkit-@keyframes change {
 0% {left:100%;opacity:0;}
 100% {opacity:1;}
}
 -moz-@keyframes change {
 0% {left:100%;opacity:0;}
 100% {opacity:1;}
}

.k_tc_center>img {width: 100%;}
.k_tc_center input {width: 100%;height: 36px;line-height: 36px;border-radius: 20px;text-align: center;box-shadow: 0 2px 0 2px #fc5427;font-size: 15px;color: #898989;background: #fff;}
.k_close {bottom: -20%;right: 43%;position: absolute;}
.k_close img {width: 100%;}
.tc_bg{width: 100%;height: auto; position: relative;}
.tc_bg .kf_bgpic{width: 100%}
.kf_tpic{position: absolute;text-align: center;top: -50px;left: 1%; width: 100%;}
.kf_tpic img{width: 32%;border-radius: 50%;margin: 0 auto;margin-left: 5px;}
.kf_txt{font-size: 1.8rem;color: #fff;margin-top: 10px;}
.kf_txt span{padding: .2rem 1.4rem;font-size: 1.4rem;background: #FFBC9D;border-radius: 20px;margin-right: .4rem}
.kf_txt span:last-child{margin-right: 0;}
.kf_by{text-align: center;font-size:1.4rem;color: #999;}
.kf_zxBtn a{width:10rem;padding: .4rem 0; font-size:1.4rem;color: #fff;background: #FA6E46;margin: 0 auto;margin-top: 20px;border-radius: 20px;text-align: center;display:block}



/*底部*/
.footer_w100{width: 100%;background: #222433;height: 20rem;}
.footer{width: 80%;margin: 0 auto; text-align: center;padding-top: 1.5rem; padding-bottom:0.6rem; color: #fff;}
.footer li{display: inline-block;width: 25%;border-right: 1px solid #35384e;font-size: 1.4rem;line-height: 1.4rem;}
.footer li:last-child{border-right: none;}
.footer li a{color: #999;}
.footer_w100 p{text-align: center; color: #fff;font-size:1.4rem;line-height:1.6rem;padding-bottom: 3px;}

/*底部固定*/
.y_puicfoot{ position: fixed; width: 100%; left: 0px; bottom: 0px;background:rgba(0,0,0,0.55); z-index: 1550;padding-bottom:0.6rem;}
.footer-nav-tr{width:100%;height:100%;padding:0.6rem 0.6rem 0 0.6rem; }
.footer-nav-tr .footer-nav-zx,.footer-nav-tr .footer-nav-dz{width:12rem;height:3.5rem;text-align:center;-webkit-border-radius:8px;border-radius:8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:.5rem;position:relative}
.footer-nav-tr .footer-nav-zx{background:#46ccae;}
.footer-nav-tr .footer-nav-dz{background:#46ccae;}
.footer-nav-tr .footer-nav-zx a,.footer-nav-tr .footer-nav-dz a{display:block;width:100%;height:100%}
.footer-nav-tr .footer-nav-zx p,.footer-nav-tr .footer-nav-dz p{color:#fff;font-size:1.5rem;position:relative; top:50%;left:1rem;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.footer-nav-tr .footer-nav-zx i,.footer-nav-tr .footer-nav-dz i{position:absolute;left:10%;top:54%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.footer-nav-tr .footer-nav-zx{float:left}
.footer-nav-tr .footer-nav-zx i{width: 2.4rem;height: 2.4rem;display: inline-block}
.footer-nav-tr .footer-nav-zx i img{width: 100%;}
.footer-nav-tr .footer-nav-dz{float:right}
.footer-nav-tr .footer-nav-dz i{width: 2.2rem;height: 2.4rem;display: inline-block}
.footer-nav-tr .footer-nav-dz i img{width: 100%;}
.footer-nav-tr .footer-nav-tel{width:7rem;height:7rem;-webkit-border-radius:50%;border-radius:50%;float:left;position:absolute;top:-3rem;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);padding:.3rem;}
.footer-nav-tr .footer-nav-tel a{display:block;width:100%;height:100%;background-color:#f5f7fe;-webkit-border-radius:50%;border-radius:50%;background-image:url(/html/img/mobile/foot_call.png);/*background-image:url(../images/footer2.gif);*/background-repeat:no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;background-position:center center}
.footer-set-r{height:2.6rem!important;}
.footer-nav-tr .footer-nav-tel img { position: absolute;top: -0.5rem;left: -1.74rem; width: 10.5rem; height: 3.5rem;z-index: -1;}




/* 团购滚动-- */
.banDaoNews{background:#f4f6f9;padding: 10px 0;}
.banDaoNews .comWidth{padding: 0 10px;}
.banDaoNews .tit{background-color:#02a9ab;width:20%;height:26px;line-height:26px;color:#fff;border-radius:5px;position: relative;float:left;text-align:center;font-size: 1.4rem;
    background: -webkit-linear-gradient(#51b3b4, #73d8d9);
        background: -o-linear-gradient(#51b3b4, #73d8d9);
        background: -moz-linear-gradient(#51b3b4, #73d8d9);
        background: linear-gradient(#51b3b4, #73d8d9);
}
.banDaoNews .text{float:left;height:26px;line-height:26px;overflow: hidden;width: 78%;padding-left: 1%}
.banDaoNews .text li{height:26px;line-height:26px;font-size: 1.4rem; width: 100%;}
.banDaoNews .text span{color:#ff2d32;}
.banDaoNews .text li a{color:#666;display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 1;    text-overflow: ellipsis;   overflow: hidden ;width: 100%;}
.swiper-pagination-bullet{background: #fff;}
.newOpenTitle .fr  {color: #666; font-size: 1.4rem;   padding-right: 10px;   background: none;}
.cposi{position: relative;}
.cposi em{position: absolute;left:0;top:10px;    padding: 1px 3px;border-radius: 0 5px 5px 0;font-size: 1.2rem;color:#fff;background: rgba(0,0,0,0.7);}

@media screen and (max-width:320px){
.Lp_pic { width: 10rem;}
.chnav .fl a{font-size:1.6rem;}
.chnav .fl a:last-shild{margin-right: 0;}
.chnav .fl{width: 75%;}
.chnav .fr{padding:.3rem .5rem .3rem 3rem;}
.newOpenTitle span{font-size: 1.3rem;}
.tel_phone{    right: .5rem;   top: 2.2rem;   width: 3.5rem;}
.m_close{top:8.3rem;}
.vid_price{font-size: 1.2rem;}

}




body{color:#101D37;font-family: "PingFang-SC-Regular,Helvetica,sans-serif";}
a{color:#101D37;}


/*VR看房*/
/*.boxItemqj .comWidth{padding-bottom: 15px;}*/
.boxItemqj .vid_title1{height:2.6rem;line-height:2.6rem;text-align: center;font-size: 1.4rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;height:2.6rem;}
.boxItemqj .vid_title1 em{font-size: 1.2rem;color:#666;}
.boxItemqj .vid_dw{height:10rem;}
.boxItemqj ul li{width: 33.33%;float: left;height: 10rem;padding: 1px 3px;}
.boxItemqj .vid_pic{width: 100%;height:7rem;}
.boxItemqj .vid_pic img{width: 100%;height:7rem;}
.boxItemqj .video_box01 .vid_pic_ico{ position: absolute;top:36%;left: 50%;   border-radius: 100%;width:35px;    height:35px;    background: url(/html/images/vr_animation.png);    background-position-y: 0;    background-repeat: no-repeat;    background-size: 100%;    border: 1px solid hsla(0,0%,100%,.8);    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);}
 .vr-animation-forever{ -webkit-animation:vr 5s steps(80) infinite;animation:vr 5s steps(80) infinite;}
@-webkit-keyframes vr{to{background-position-y:100%}}
@keyframes vr{to{background-position-y:100%}}


/*领取优惠 2020.1.16*/
   .chnewyear{position: fixed;top:40%;right: 0;padding: 3px;z-index: 99;}
   .chnewyear img{width: 76px;height: 76px;}
   .nyk_tanc .k_tc_center{background: none;padding: 25px;}
   .nyk_tanc h3 img{width: 100%;}
   .nyk_tanc button{border:none;background: #fd6129;color:#fff;}
   .chcte a.nyk_close{    position: absolute;   top: 0;right: 0;background: none;border:none;}
   .nyk_close img{width: 25px;height: 25px;}





   /*每日低价盘*/

      .mrdj {margin:10px 0;}
      .mrdj button{background: none;border:none;text-align: left;}
      .dijia {border-radius: 8px;overflow: hidden;background: #fff;border: 1px solid #f3e6cd;box-shadow: 1px 3px 2px #efeeee;}
      .dijia .top{padding-left: 10px;line-height: 3.4rem;color: #fff;
     background: -webkit-linear-gradient(left,#02a9ab, #aae2d6);
     background: -o-linear-gradient(left,#02a9ab, #aae2d6);
     background: -moz-linear-gradient(left,#02a9ab, #aae2d6);
     background: linear-gradient(left,#02a9ab, #aae2d6);}
      .mrdj .img{width: 40%;}
      .mrdj .text{width: 57%;}
      .mrdj .text h3{font-size: 1.6rem;padding-bottom:8px;   font-weight: bold;color:#101D37;}
      .mrdj .text p{color:#666;font-size: 1.4rem;    line-height: 1.6rem;}
      .mrdj .img img{width: 100%;border-radius: 8px;max-height:10rem;}
      .lpcont{padding:15px 10px;background: #f3f7f6;}
      .mrdj .top p{font-size: 1.3rem;float: right;margin-right: 15px;color: #101d37;}
      .mrdj .top b{background-color:#16a6a7;color: #fff;padding: 0 2px;border-radius: 3px;font-size: 1.4rem;   display: inline-block; 
         width: 2.4rem;text-align: center;  height: 1.8rem;  line-height: 1.8rem;}
      .mrdj .text p em{    background: #edf3f2; color: #2a9898;text-align: center;padding:1px 3px;margin-right: 5px;border-radius:3px;}
      .mrdj .top h3{font-size:1.6rem;letter-spacing: 1px;font-weight: 600;}
      .mrdj .text p.tj span{color:#ec4022;}
      .mrdj .text p.tj b{font-size: 1.8rem;color:#ec4022;}
      .mrdjcont img{width: 100%;border-radius: 8px;display: block;}
      .yy_bm {  background: url(/html/img/mobile/hui_bg.jpg) bottom no-repeat rgba(255,51,51,0.3);padding:1rem;margin:  1rem 0;border-radius: 8px;}
      .yy_bm input{width: 66%;border:none; height: 3.4rem;line-height: 3.4rem;padding-left: 3px; border-radius: 5px; }
      .yy_bm p{color:#FF4a00;font-size: 1.4rem;padding-top: .5rem;border-radius: 5px;}
      .yy_bm .ling_btn{    width: 30%;border-radius: 5px; height:3.4rem;  line-height: 3.4rem;  font-size: 1.6rem;background: #f66;  color: #f8e395;  display: inline-block;  margin-left: .5rem;  vertical-align: middle;text-align: center;} 
   /*   .yy_bm .ling_btn i{float: left;margin: 5px 5px 4px 5px;} 
      .yy_bm .ling_btn i img{width: 22px;} */
       .xm_js{padding: 1rem 0;font-size: 1.4rem;border: 1px solid #f9ca8b;padding: 10px;    border-radius: 5px;}  
       .textcont h3{font-size: 1.8rem;  font-weight: bold; line-height: 4rem;border-bottom: 1px solid #e3e3e3;margin-bottom:.5rem;}
       .textcont p.tj span{color:#ec4022;}
       .textcont p.tj b{font-size: 2rem;color:#ec4022;font-weight: 600;padding-right: 3px;}
       .textcont p{font-size: 1.4rem;    color: #101D37;    line-height: 1.9rem;margin-bottom: 5px;}
       .textcont p em{background: #edf3f2;color: #2a9898;text-align: center;padding:1px 3px;margin-right: 5px;border-radius:3px;}
        p.biaoq{padding-bottom: 5px;position: absolute;left: 10px;bottom:10px;}
        p.biaoq em{    padding: .2rem .4rem;   background: #0000008c;   color: #fff;   margin-right: .3rem;   border-radius: 5px;   border: 1px solid #ffffff69;}

       .morph-button {       position: relative;        display: block;  }
       .morph-button > button { position: relative;  border: none;   text-transform: uppercase; letter-spacing: 1px;  font-weight: 700;       overflow: hidden;   }
       .morph-content {   pointer-events: none;}
       .morph-button.open .morph-content {   pointer-events: auto; }
       .morph-button-fixed > button {  z-index: 1000;  width: 100%;  height: 100%;  -webkit-transition: opacity 0.1s 0.5s;   transition: opacity 0.1s 0.5s; }
       .noscroll {    overflow: hidden;     }
       .morph-button-overlay.scroll .morph-content {        overflow-y: scroll;    }
       .morph-button-fixed .morph-content {position: fixed;       z-index: 900;      opacity: 0;        -webkit-transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;       transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;
         }
         .morph-button-fixed.open .morph-content {   opacity: 1; }
         .morph-button-fixed .morph-content > div {  visibility: hidden;   height: 0;    opacity: 0;    -webkit-transition: opacity 0.1s, visibility 0s 0.1s, height 0s 0.1s;    transition: opacity 0.1s, visibility 0s 0.1s, height 0s 0.1s; }
         .morph-button-fixed.open .morph-content > div {padding: 50px 20px 0 20px;
           visibility: visible;       height: auto;       opacity: 1;       -webkit-transition: opacity 0.3s 0.5s;       transition: opacity 0.3s 0.5s;      /*width: 80%; */     margin: 0 auto;      background: rgba(0,0,0,.7);
         }
         .morph-button-fixed.active .morph-content {    z-index: 1900; }
         .morph-button-overlay .morph-content,.morph-button-sidebar .morph-content {    -webkit-transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;   transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;
         }

         .morph-button-overlay.open .morph-content,
         .morph-button-sidebar.open .morph-content {   -webkit-transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;
           transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;  }
         .morph-button-overlay .morph-content {     overflow: hidden;   }
         .morph-button-overlay.open .morph-content {   top: 0 !important;   left: 0 !important;   width: 100%;   height: 100%; }
         .morph-button-modal::before { position: fixed;     top: 0;     left: 0;      z-index: 800;      width: 100%;      height: 100%;       background: rgba(0,0,0,0.5);       content: ''; opacity: 0; -webkit-transition: opacity 0.5s;  transition: opacity 0.5s;  pointer-events: none;}

         .morph-button-modal.open::before { opacity: 1;  pointer-events: auto;}
         .morph-button-modal.active::before {   z-index: 1800;   }
         .morph-button-modal .morph-content {overflow: hidden;-webkit-transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;
           transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;
         }

         .morph-button-modal.open .morph-content {top: 50% !important;left: 50% !important;margin: -210px 0 0 -300px; width: 600px;      height: 420px;    -webkit-transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s; transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s; }

        .content-style-overlay{padding:1rem;background: #fff;border-radius: 8px;}
        .hang1 p{display: block;width: 50%;float: left;}
        .cdjs{margin-bottom: 1rem;margin-top: .3rem;color:#333;}
        .cdjs b{background-color:#f52209;color: #fff;padding: 0 2px;border-radius: 3px;font-size: 1.4rem;   display: inline-block; 
          width: 1.8rem;text-align: center;  height: 1.6rem;  line-height: 1.6rem;}
        .icon-close{    width:30px;  height: 30px;  position: absolute; right: 10px; top: 10px;background: url(/html/img/ss1.png) center center no-repeat;background-size: 100% 100%;    z-index: 99;}
       .yy_bm .cdjs b {  background-color: #f52209;   color: #fff;   padding: 0 5px;    border-radius: 3px;    font-size: 1.4rem;   display: inline-block;   width: 3rem;   text-align: center;   height: 2rem;   line-height: 2rem;}
       .yy_bm .cdjs{color: #101d37;}

      .Tip_Info {left: 10%;width: 80%; padding: 10px 0;height: auto;line-height: 20px;}

     p.xianshi{position: absolute;top:10px;left: 0px;background:#ff3300;padding:1px 5px;text-align: center;color:#fff;border-radius:0 20px 20px 0;font-size: 1.2rem;
      background: -webkit-linear-gradient(left,#ef873d, #f5153e);
          background: -o-linear-gradient(left,#ef873d, #f5153e);
          background: -moz-linear-gradient(left,#ef873d, #f5153e);
          background: linear-gradient(left,#ef873d, #f5153e);
     }
     .mrdj .text p.jiage{  background: -webkit-linear-gradient(left,#ef873d, #f5153e);
          background: -o-linear-gradient(left,#ef873d, #f5153e);
          background: -moz-linear-gradient(left,#ef873d, #f5153e);
          background: linear-gradient(left,#ef873d, #f5153e);color:#fff;font-size: 1.2rem;text-align: center;border-radius: 22px;line-height: 2.6rem;}
          .mrdj .text p.jiage b,.mrdj .text p.jiage span{color:#fff;}
          .mrdj .text p.jiage b{font-size:1.8rem;font-weight: bold;line-height:2.6rem;}
          .mrdj .text p.jianm{color:#b38b69;font-size: 1.2rem;padding: 5px 0 5px 2px;}
          .mrdj .text p.hx em{border:1px solid #d2a67f;color:#b38b69;font-size: 1.2rem;}
          .mrdj .img {position: relative;overflow: hidden;border-radius:8px;height: 9rem;}



.enter{margin-bottom: 10px;}

/*底部*/
         .footer_phone{  position: fixed;   left: 10%;    bottom: 10px;    background: #46ccae;
             box-shadow: 1px 1px 2px #8696ac;   z-index: 99;  width: 80%;   border-radius: 30px;text-align: center;}
         .footer_phone a{    display: block;    width: 100%;    height: 36px;   text-align: center;   line-height: 36px;     color: #fff; font-size: 1.4rem;}
         .footer_phone img{width: 22px;}

         /*留言  2020-01-04*/
           .boxItem07 .comWidth {padding-top:5px;padding-bottom: 5px;
               background: #fff;}
           .chlybox{padding: 10px;}
           .chlybox textarea{border: 1px solid #e3e3e3;border-radius: 5px;width: 100%;margin:5px 0;padding: 5px;text-indent: 3px}
           .chlybox02 h3{border-bottom: 1px solid #e3e3e3;padding-bottom: 5px;margin-bottom: 5px;font-size:.3rem;}
            .chpllist{margin:5px 0;font-size: 1.4rem;border-bottom: 1px solid #e3e3e3;padding: 10px;}
           .chpllist img{width:3rem;height: 3rem;}
           .dhheadpic{height: 36px;margin-bottom: 6px;line-height: 14px;}
           .dhheadpic b{font-size: 1.2rem;color:#999;display: block;padding-top: 5px;}
            .dhheadpic b a{ color:#42a2fc;}
          .dhheadpic span{font-size: 1.4rem;padding-top: 5px;display: block;}
          .dhheadpic img{margin-right: 8px;}
           .chpllist p{font-size: 1.5rem;color:#383838;padding-left: 3.5rem;}
           .chpllist em{color: #999;font-size: 1.2rem;padding-left: 3.5rem;}
           .hfbox{float: right;width: 94%;margin-top: 10px;}
           .hfbox .dhheadpic{line-height: 30px;height: 30px;}
           .hfbox .dhheadpic img{width: 2.4rem;height: 2.4rem;}
           .hfbox span{padding-top: 0;}
           .hfbox p{font-size: 1.4rem;padding-left: 3rem;}
           .chpllist .hfbox em{padding-left: 3rem;}
           .chlybtn{border:1px solid #02a9ab;color: #02a9ab;padding: 5px;width: 110px;margin: 10px auto;display: block;border-radius: 5px;font-size: 1.4rem;text-align: center;}
           .chlybtn i{margin-right: 5px;}

           .chk_tanc h3{font-size: 1.8rem;   text-align: center;  padding-top: 10px;   color: #0084ff;}
           .chcte {text-align: center;margin-top: 10px;}
           .chcte button{background-color: #0084ff;  color: #fff;border:1px solid #0084ff;border-radius: 5px;padding: 5px 15px;}
           .chcte a{border-radius: 5px;padding: 5px 15px;margin-right: 5px;border:1px solid #0084ff;  color: #0084ff;background: #fff;}
           .k_tc_center input.lyipt{background-color: #fff;border-radius:5px;text-align: left;box-shadow: none;border: 1px solid #e3e3e3;text-indent: 3px;font-size: 1rem;}
           .k_tc_center input.lyipt::placeholder,.chlybox textarea::placeholder{color:#999;} 

   
 .footer_box{width: 100%;position: fixed;left: 0;bottom: 0px;padding: 0 15%;    backdrop-filter: blur(7px);
    background:hsl(0deg 0% 86% / 70%);height: 3.5rem;z-index: 9999;}
 .footer_box a{display: block;   width:32.5%;   float: left;   line-height: 3.8rem;    text-align: center;    border-radius: 8px;  font-size: 1.5rem;bottom: 1.2rem;}
  .footer_box .footer_pho{border: 1px solid #46ccae;background: #46ccae;color: #fff;position: absolute;left: 15%;}
  .footer_box .footer_yuyue{border: 1px solid #46ccae;color: #46ccae;background: #fff;position: absolute;right: 15%; }
  .footer_box img{width: 22px;padding-right: 2px;}

  /*报名窗口样式*/
  .Content{height:100%;}
  .m_signUp_box{z-index:1000;position:relative;}
  .m_signUp{border:1px solid;width:100%;height:100%;position: fixed;top:0;left:0;z-index:100;background-color:#000;opacity:0.3;}
  .m_form{width:80%;position:absolute;top:23rem; left:50%;margin-left:-40%;z-index:110;border-radius:10px;overflow:hidden;background:#FFF;padding-bottom:30px;box-shadow:7px 7px 20px 0px rgba(70, 54, 54, 0.35);animation:change 0.4s;-webkit-animation:change 0.4s;-moz-animation:change 0.4s; -o-animation:change 0.4s;}
  @keyframes change { 0% {left:100%;opacity:0;}  100% {opacity:1;}}
  -webkit-@keyframes change {  0% {left:100%;opacity:0;}  100% {opacity:1;}}
  -moz-@keyframes change {  0% {left:100%;opacity:0;}  100% {opacity:1;}}
  -o-@keyframes change {  0% {left:100%;opacity:0;}  100% {opacity:1;}}
  .m_form_title{height:65px;background: url(/html/img/mobile/m_bm1.png) no-repeat 0 0 / 100% 100%;text-align:center;line-height:65px;font-size:2.2rem;color:#FFF;}
  .m_form_input{border:1px solid #E8F0F7;width:85%;height:40px;margin:auto;margin-bottom:15px;position:relative;top:13px;}
  .m_form_input img{display: block;width: 23px;margin-top: 5px;float:left;margin-left:14px;}
  .m_form_input input{outline:none;float:left;width:78%;height:96%;border:0;margin-left:10px;font-size: 1.4rem;color:#666;}
  .m_button{outline:none;width:85%;height:41px;border:0;background:#48BF01;margin:auto;display: block;margin-top:33px;font-size:1.8rem;color:#FFF;}
  .y_fonr_text{ font-size: 1.4rem; color: #666; width: 88%; margin: 0 auto; line-height: 20px;margin-top: 10px;}
  .m_close{position:absolute;top:44rem;left:50%;z-index:100;width:36px;margin-left:-18px;margin-top:50px;animation:change 0.4s;-webkit-animation:change 0.4s;-moz-animation:change 0.4s;-o-animation:change 0.4s;}
  .m_close img{width:100%;display: block;}
  .m_form_input input:-webkit-input-placeholder { color: #8AC6FE;}
  .m_form_input input:-moz-placeholder { color: #8AC6FE;}
  .m_form_input input:-ms-input-placeholder { color: #8AC6FE;}
  .m_form_input input:-o-input-placeholder { color: #8AC6FE;}
/*弹窗*/
.zhushi{padding-left: 25px;}
.zhushi p{display: block;text-align:left;color:#555;line-height: 17px;font-size:12px;padding:10px 0 0 0;}
.zhushi p,.zhushi i{float: left;}
.zhushi i img{width:12px;height: 12px;margin-right: 3px;}
.zhushi .shp{float: right;padding-right: 25px;}
 .cflogo img{width: 7.4rem;padding-right: 10px;padding-bottom: 5px;}