pfhwyigou/frontend/web/css/housech/lpindex.css

/*楼盘首页*/
body{background: #f5f7fa;}



.y_lpindtop{ position: relative; }
.y_lpindtopmain{ position: absolute; left: 50%; margin-left: -600px; top: 68px; border-radius: 8px; box-shadow: 0px 5px 11px 0px #ccc;}
.y_lpindtopcent{ padding: 25px 20px;}
.y_lpindtop_left{ width: 523px; height: auto;}

.y_lpindtop_right{ position: relative; left: 20px; width:615px;}
.y_lpindtop_mk1{ position: relative;}
.y_lpindtop_mk1_l .y_lptitle span{    font-size: 28px;color: #333;font-weight: 600;display: inline-block;max-width: 75%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.y_lpindtop_mk1_l .y_lptitle em{
      display: inline-block;
    font-size: 14px;
    color: #999;
    position: relative;
    top: 16px;
    right: 31px;
    float: right;
}
.y_lpindtop_mk1_l .y_lptitle i{
  position: relative;
    top: -15px;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    margin-left: 10px;
    background-color: #0096FF;
    width: 38px;
    height: 21px;
    line-height: 21px;
    border-radius: 2px;
    text-align: center;
}
.y_lpindtop_mk1_l .y_lpjiage{ margin-top: 15px;}
.y_lpindtop_mk1_l .y_lpjiage span{font-size: 16px; color: #333; display: inline-block;}
.y_lpindtop_mk1_l .y_lpjiage span em{font-size: 24px; color: #FF0000; display: inline-block;}
.y_lpindtop_mk1_l .y_lpjiage i{ font-size: 12px; color: #999; display: inline-block;margin-left: 8px;}
.y_lpindtop_mk1_l .y_lptese{margin-top: 13px;}
.y_lpindtop_mk1_l .y_lptese i{display: block; float: left; padding: 0px 8px; height: 25px; line-height: 25px; font-size: 13px; color: #999;}
.y_lpindtop_mk1_l .y_lptese i+i{ margin-left: 5px;}
.y_lpindtop_mk1_l .y_lptese i:nth-child(1){background:#EBF3FE;color:#638EC9;}
.y_lpindtop_mk1_l .y_lptese i:nth-child(2){background:#F8EAE6;color:#E3957E;}
.y_lpindtop_mk1_l .y_lptese i:nth-child(3){background:#E2F8E1;color:#75AB78;}
.y_lpindtop_mk1_l .y_lptese i:nth-child(4){background:#FFF3E2;color:#F9A321;}


.y_lpindtop_mk1_r{position: absolute; right: 0px; top: 17px;}
.y_lpguanzhu{text-align: right;}
.y_lpguanzhu a{display: block;}
.y_lpguanzhu a i{display: inline-block;width: 20px; height: 18px;}
.y_lpguanzhu a i img{display: inline-block;width: 20px; height: 18px;}
.y_lpguanzhu a span{ display: inline-block; font-size: 14px; color: #333;margin-left: 5px; position: relative; top: 1px;}

.y_lptongzhi{position: relative; top: 29px;}
.y_lptongzhi a{display: inline-block;}
.y_lptongzhi a i{display: inline-block;width: 16px; height: auto;}
.y_lptongzhi a i img{display: inline-block;width: 16px; height:auto;}
.y_lptongzhi a span{ display: inline-block; font-size: 12px; color: #333;margin-left: 5px; position: relative; top: 1px;}
.y_lptongzhi a+a{ margin-left: 20px;}

.y_lpindtop_mk2{ margin-top: 20px;}
.y_lpindtop_mk2_main .y_lppinf{ box-shadow: 0px 3px 8px 0px #ccc; min-width: 325px; float: left; position: relative; height: 51px; line-height: 51px; background-color: #FFF5E7; overflow: hidden;}
.y_lpindtop_mk2_main .y_lppinf p.p1{ position: absolute; left: -35px; top:1px; background-color: #ff5849; height: 30px; line-height: 30px;width:100px; text-align: center;}
.y_lpindtop_mk2_main .y_lppinf p.p1 span{ font-size: 12px; color: #FFDE00;}
.y_lpindtop_mk2_main .y_lppinf p.p1{
  transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);}
.y_lpindtop_mk2_main .y_lppinf p.p2{ font-size: 18px; color:#FF5849; padding-left: 45px;}
.y_lpindtop_mk2_main .y_lppinf i.w-commonality {position:absolute;bottom:0;left:40px;font-size:12px;line-height:15px;color:#999;}
.y_lpindtop_mk2_main .y_lpyouhui{ box-shadow: 0px 3px 8px 0px #ccc; float: left; height: 51px; line-height: 51px;}
.y_lpindtop_mk2_main .y_lpyouhui a{display: block; height: 51px; line-height: 51px; padding:0 22px; font-size: 18px; color: #FFDE00; background: #ff5849;}


.y_lpindtop_mk2 .y_dttx{width: 320px; height: auto; border: 2px solid #ff5849; border-radius: 5px; padding: 10px 0px;}
.y_lpindtop_mk2 .y_dttx p i{display:inline-block; width: 16px; height: 15px; margin-right: 8px;}
.y_lpindtop_mk2 .y_dttx p{ font-size: 12px; color: #666; padding: 0 20px;}
.y_lpindtop_mk2 .y_dttx .y_dttx_input{ padding: 0 20px; margin-top: 5px;}
.y_lpindtop_mk2 .y_dttx .y_dttx_input .y_dttx_inputl{ width: 165px; height: 32px; padding-left: 15px; background: #fff5e7; color: #ab711e; font-size: 14px; border:none; border-radius: 32px; border-top: 1px solid #fdd6bc;}
.y_lpindtop_mk2 .y_dttx .y_dttx_input .y_dt_inputr{ line-height: 31px; height: 32px; border: none; background: #ff5849; color: #fff; padding: 0 15px; font-size: 14px;border-radius: 30px; margin-left: 10px; display: inline-block;}





.y_lpxinxi{ margin-top: 15px;}
.y_lpxinxi p{height: 30px; line-height: 30px; font-size: 14px;}
.y_lpxinxi p em{display: inline-block; color: #7a6d6d;}
.y_lpxinxi p span{display: inline-block; color: #483e3e;}
.y_lpxinxi p span.site {width:65%;vertical-align:top;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.y_lpxinxi p a{display: inline-block; margin-left: 20px;}
.y_lpxinxi p a i{ display: inline-block; width: 14px;height: 17px; position: relative; top: 5px;}
.y_lpxinxi p a i img{ display: inline-block; width: 14px;height: 17px;}
.y_lpxinxi p a span{color: #91AFE0; margin-left:10px;}
.y_lpckxq{ margin-top: 10px;}
.y_lpckxq a{display: inline-block; font-size: 16px; color: #FF5849;}

.y_lpcall{ position: relative; top: -5px;}
.y_lpcall .y_lpcall_left{ position: relative; top: 35px;}
.y_lpcall .y_lpcall_left span{display: inline-block; font-size: 22px; color: #514a46;}
.y_lpcall .y_lpcall_left span i{display: inline-block;width: 42px; height: 41px;margin-right: 5px; position:relative; top: 2px;}
.y_lpcall .y_lpcall_left span i img{ width: 42px; height: 41px;}
.y_lpcall .y_lpcall_left em{ display: inline-block; font-size: 28px; font-weight: bold; color: #FF5849;margin: 0px 12px;}
.y_lpcall_right{ position: relative; right: 30px;}
.y_lpcall_right a{display: block; background-color: #ccc; padding: 9px 30px; border-radius: 5px; font-size: 17px; color: #fff;font-weight: 600;}
.y_lpcall_right a:nth-child(1){
  background: -webkit-gradient(linear, 100% 0, 0 0, from(#FF7E35), to(#FFB546));
  background: -webkit-linear-gradient(right, #FF7E35, #FFB546);
  background: -moz-linear-gradient(right, #FF7E35, #FFB546);
  background: -o-linear-gradient(right, #FF7E35, #FFB546);
  background: linear-gradient(right, #FF7E35, #FFB546);
}
.y_lpcall_right a:nth-child(2){
  margin-top: 10px;
  background: -webkit-gradient(linear, 100% 0, 0 0, from(#4F8CED), to(#68CAEE));
  background: -webkit-linear-gradient(right, #4F8CED, #68CAEE);
  background: -moz-linear-gradient(right, #4F8CED, #68CAEE);
  background: -o-linear-gradient(right, #4F8CED, #68CAEE);
  background: linear-gradient(right, #4F8CED, #68CAEE);
}

.y_lpdtpc{ margin-top: 20px;}

.y_lpdtpc_cent{ padding: 20px 15px; float: left; width: 900px; background: #fff; min-height: 230px;}
.y_lpdtpc_nav{ border-bottom:1px solid #EAE9E9; padding-bottom: 18px;overflow:hidden;}
.y_lpdtpc_nav ul{ float: left;}
.y_lpdtpc_nav ul li{ float: left;}
.y_lpdtpc_nav ul li a{ display: inline-block; font-size: 22px; color: #333; padding:0 20px;}
.y_lpdtpc_nav ul li.on a{ color: #FF5849;}

.y_lpdtpc_cent_cpmg{  margin-top: 20px;}
.y_lpdtpc_cent_cpmg ul.y_lpdtpc_pc1{display: none;}
/*评测*/
#y_slider { width: 100%; padding-top: 8px;}
.y_slider_box { margin: 0px auto;height: 500px;overflow:hidden;position: relative; }
.y_silder_con { height: 450px; overflow: hidden; position: absolute; margin-top: 20px;}
.y_silder_panel { width: 870px; height: 430px; overflow: hidden; float: left; position: relative;}
 
.y_slider_box a.y_prev,.y_slider_box a.y_next { border: none; width: 38px; height: 111px; text-indent: -999px; overflow: hidden; display: block; position: absolute; cursor: pointer; border-radius: 2px; top: 50%; margin-top: -55px;}
.y_slider_box a.y_prev { left: 40px; background: url("../image/ico_8.png") rgba(0,0,0,0.5) center no-repeat;}
.y_slider_box a.y_next { right: 40px; background: url("../image/ico_9.png") rgba(0,0,0,0.5) center no-repeat;}

ul.y_silder_nav li{ float: left;}
ul.y_silder_nav li a em{ border-radius: 100%; display: inline-block; background: #fff;}
ul.y_silder_nav li a em i{ margin: 5px; display: inline-block; width: 27px; height: 27px; border-radius: 100%; background: #FF5849; line-height: 24px; text-align: center; font-size: 16px; color: #fff; border: 1px solid #FF5849;}
ul.y_silder_nav li.on a em{background: #ffaba4;}
ul.y_silder_nav li a span{display: none; margin-left: 0px; background: url("../image/ico_27.png") no-repeat 0px 12px; padding-bottom: 10px;}
ul.y_silder_nav li a span em{display: inline-block; font-size: 17px; color: #4d4242; padding-bottom: 9px; border-bottom: 1px solid #FF5849; padding-left: 6px; margin-left: 21px; border-radius:0px; background: none;font-weight: 600;}
ul.y_silder_nav li.on a span em{ background: none;}
ul.y_silder_nav li.on a span{ display: inline-block;}
ul.y_silder_con .y_panel_pc_con{ width: 870px; margin: 0 auto; height: 425px;overflow: auto;}
ul.y_silder_con .y_panel_pc_con img{margin-top:25px;}
ul.y_silder_con .y_panel_pc_con span{line-height: 25px;}

/*楼盘动态*/
ul.y_lpdtpc_cent_ul li+li{ border-top: 1px solid #eae9e9; padding-top: 20px; margin-top: 15px;}
ul.y_lpdtpc_cent_ul li .y_news_lx{ width:auto; height: 30px; line-height: 31px; padding: 0 15px; background: #9ab8e8; font-size: 12px; color: #fff; float: left;}
ul.y_lpdtpc_cent_ul li .y_newscons{ float: left; width: 745px; margin-left: 20px;}
ul.y_lpdtpc_cent_ul li .y_newscons p.y_title{ height: 25px; line-height: 25px;}
ul.y_lpdtpc_cent_ul li .y_newscons p.y_title a{ display: block; float: left; font-size: 18px; color: #514c4c;font-weight: 600;}
ul.y_lpdtpc_cent_ul li .y_newscons p.y_title a:hover{color:#ff5849}
ul.y_lpdtpc_cent_ul li .y_newscons p.y_title span{ display: block; float: right; font-size: 13px; color: #6f6969;}
ul.y_lpdtpc_cent_ul li .y_newscons p.y_text{ font-size: 14px; color: #333; line-height: 25px; margin-top: 10px;}
ul.y_lpdtpc_cent_ul .y_dingyue{ width: 703px; height: 48px; line-height: 46px; margin: 0 auto; margin-top: 35px; margin-bottom: 10px; background: #fff; border: 1px solid #ff5849; text-align: center; border-radius: 5px;}
ul.y_lpdtpc_cent_ul .y_dingyue a{ display: block; font-size: 18px; color: #ff5849;font-weight: 600;}
ul.y_lpdtpc_cent_ul .y_dingyue a:hover{background:#ff5849;color:white}
ul.y_lpdtpc_cent_ul .y_dingyue a i{ margin-right: 10px; border: 1px solid #ff5849; width: 25px; height: 25px; display: inline-block; border-radius: 100%; line-height: 21px; font-size: 20px;}
.y_lphx{ margin-top: 20px;}
.y_lphxcent{ padding: 20px 15px;}
.y_lpinde_h{ border-bottom: 1px solid #EAE9E9; padding-bottom: 15px;}

.y_lpinde_h h2{ float: left; font-size: 24px; color: #333; font-weight: normal; padding-left: 5px;}
.y_lpinde_h a{ float: right; font-size: 14px; color: #786565; display: block; padding-right: 5px; position: relative; top: 5px;}

.y_lphxcent_list{ margin-top: 20px;}
.y_lphxcent_list_h ul li{ float: left;}
.y_lphxcent_list_h ul li+li{ margin-left: 20px;}
.y_lphxcent_list_h ul li a{ display: block; font-size: 16px; color: #5D5D5D; padding-bottom: 10px; border-bottom: 5px solid #fff;}
.y_lphxcent_list_h ul li.on a{border-bottom: 5px solid #FF5849;}
.y_lphxcent_list_h ul li:hover a{border-bottom: 5px solid #FF5849;}

.y_lphxcent_list_ul{ margin-top: 20px;}
/*.y_lphxcent_list_ul ul{ display: none;}*/
.y_lphxcent_list_ul ul li{ width: 276px; height: auto; background: #F5F7FA; float: left;}
.y_lphxcent_list_ul ul li+li{ margin-left: 20px;}
.y_lphxcent_list_ul ul li a .y_tu{ width: 276px; height: 224px; position: relative;}
.y_lphxcent_list_ul ul li a .y_tu p.y_img{ width: 100%; height: 100%;}
.y_lphxcent_list_ul ul li a .y_tu p.y_img img{ width: 100%; height: 100%;}
.y_lphxcent_list_ul ul li a .y_tu p.y_hx{ position: absolute; right: 0px; top: 0px; background:#45443C; font-size: 14px; color: #fff; padding: 6px 10px;}
.y_lphxcent_list_ul ul li a .y_text{ text-align: center; padding: 15px 0;}
.y_lphxcent_list_ul ul li a .y_text p.y_js{font-size: 17px; color: #464646;font-weight: 600;}
.y_lphxcent_list_ul ul li a .y_text p.y_jm{font-size: 15px; color: #756262; padding-top: 10px;}

.y_lpind_add{ margin-top: 20px;}
.y_lpind_add_main{ position: relative;}

.y_lpind_addipunt{ background: #fff; position: absolute;right: 30px; top: 50%; margin-top: -23px; width: 447px; height: 45px; border-radius: 23px;}
.y_lpind_addipunt input.y_lpipnt{ border: none; font-size: 15px; color: #654141; width: 327px; height: 35px; margin-left: 10px; display:block; float: left; position: relative; top: 5px;left:10px}
.y_lpind_addipunt input.y_lpb{ box-shadow: 0px 0px 4px 1px #FF3716; width: 100px; height: 35px; display:block; float: left; position: relative; top: 5px; background: #FF5936; font-size: 15px; color: #fff; border: none; border-radius: 18px;}
.y_lpindxinxi{ margin-top: 20px;}
.y_lpindxinxi_cent{ padding: 20px 15px; }
.y_lpindxinxi_centma{ margin-top: 15px;}
.y_lpindxinxi_centma{ margin-top: 15px;}
.y_lpindxinxi_centma table{ width: 100%;}
.y_lpindxinxi_centma table tr td{ width: 50%; font-size:14px; padding: 7px 0; }
.y_lpindxinxi_centma table tr td em{ display: inline-block; width: 90px; text-align: right; color: #515050}
.y_lpindxinxi_centma table tr td span{ display: inline-block; text-align: left; color: #834545}


.y_lpindxinxi_bottom{ border-top:1px solid #eae9e9; margin-top: 10px; padding-top: 15px; }
.y_lpindxinxi_bottom p{ line-height: 25px;}
.y_lpindxinxi_bottom em{ display: inline-block; font-size: 14px; color:#666;width:1096px; float: left;}
.y_lpindxinxi_bottom span{ display: inline-block; font-size: 14px; color:#333; float: left;}
.y_lpmating{ margin-top: 20px;}
.y_lpmating_cent{ padding: 20px 15px;}
.y_lpmating_map{ position: relative; width: 1161px; margin: 0 auto; margin-top: 20px; overflow: hidden;}
.y_lpmap{ width: 100%; height: 401px;}

.y_lpmap_lsit{ position:  absolute; right: 0px; top: 16px;}
.y_lpmap_lsit ul li{ margin-bottom: 10px;}
.y_lpmap_lsit ul li i{position: relative; top: -1px; display: inline-block; background: #3D3D3D; width: 31px; height: 31px; text-align: center; line-height: 31px;}
.y_lpmap_lsit ul li i img{display: inline-block; position: relative; top: 5px;}
.y_lpmap_lsit ul li span{ background: rgba(0,0,0,0.5); height: 31px; line-height: 31px;width: 81px; text-align: center; display: inline-block; font-size: 14px; color: #fff;}

.y_lpmap_lsit ul li:hover i{background-color:#1CC4B2;}
.y_lpmap_lsit ul li:hover span{background-color:rgba(28,196,178,0.2); color:#5B5B5B;}
.y_lpmap_lsit ul li.on i{background-color:#1CC4B2;}
.y_lpmap_lsit ul li.on span{background-color:rgba(28,196,178,0.2); color:#5B5B5B;}


.y_lpphoto{ margin-top: 20px;}
.y_lpphoto_cenr{ padding: 20px 15px;}

.y_lpphoto_list{ margin-top: 20px; position: relative;}

.y_xcslider { position: relative;width: 100%;}
.y_xcframe { position: relative; width: 100%;margin: 0 auto;overflow: hidden; white-space: nowrap;padding-top: 20px;}
.y_xcframe li { position: relative;display: inline-block;margin-right: 20px;width: 275px; height: 221px;}
.y_xcslides {display: inline-block;}
.multislides li:last-child { margin-right: 0;}
.y_xcprev, .y_xcnext { position: absolute; top: 50%;margin-top: -35px; display: block; cursor: pointer; background: rgba(0,0,0,0.5); height: 80px;width: 25px;text-align: center;}
.y_xcnext img,.y_xcprev img{ position: relative; top: 50%; margin-top: -15px;}
.y_xcnext { right: 0;}
.y_xcprev {left: 0;}
.y_lpphoto_list ul li .y_text{display: block; position: absolute;left: 0px; bottom: 0px; width: 100%; padding-top: 30px; padding-bottom: 10px; text-align: center; font-size: 22px; color: #fff;}
.y_lpphoto_list ul li .y_text{
  background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.6)));
  background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
  background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
  background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
}
.y_lpphoto_list ul li .y_tu{ width: 100%; height: 100%; position: relative;}
.y_lpphoto_list ul li .y_tu .y_img{ width: 100%; height: 100%;}
.y_lpphoto_list ul li .y_tu .y_img img{ width: 100%; height: 100%;}
.y_lpphoto_list ul li .y_tu .y_img img:hover{opacity: 0.7;}
.y_lpphoto_list ul li .y_tu .y_sm{ position: absolute; right: 0px; top: 0px; background:#344349; padding: 5px 10px;}
.y_lpphoto_list ul li .y_tu .y_sm i{ width: 18px; height: 14px;display: inline-block;}
.y_lpphoto_list ul li .y_tu .y_sm i img{ width: 100%; height: 100%;}
.y_lpphoto_list ul li .y_tu .y_sm span{ font-size: 14px; color: #fff; display: inline-block; margin-left: 5px;}

.y_lptrend{ margin-top: 20px;}
.y_lptrend_cent{ padding: 20px 15px;}
.y_lptrend_centmain{ margin: 0 auto; margin-top: 20px; width: 1160px; height: 364px;}

.y_lpreco{ margin-top: 20px;}
.y_lpreco_cent{ padding: 20px 15px;}
.y_lpdtpc_list ul li{ width: 276px; background: #f5f7fa; float: left; margin: 10px 8px;}
.y_lpdtpc_list ul{ position: relative; left: 6px; margin-top: 10px;}
.y_lpdtpc_list ul li .y_love_list_main{ padding: 10px;}
.y_lpdtpc_list ul li .y_love_list_main .y_tu{ width: 256px; height: 211px; overflow: hidden;}
.y_lpdtpc_list ul li .y_love_list_main .y_tu img{ width: 100%; height: 100%; cursor: pointer; transition: all 0.8s;}
.y_lpdtpc_list ul li .y_love_list_main .y_tu img:hover{ transform: scale(1.1);}
.y_lpdtpc_list ul li .y_love_list_main .y_text h2{ margin-top: 15px;}
.y_lpdtpc_list ul li .y_love_list_main .y_text h2 a{ font-size: 16px; color: #545454; font-weight: normal; display: inline-block;  width: 70%;overflow: hidden;
    text-overflow: ellipsis;white-space: nowrap;}
.y_lpdtpc_list ul li .y_love_list_main .y_text h2 a:hover{ color: #f00;}
.y_lpdtpc_list ul li .y_love_list_main .y_text h2 i{font-size: 13px; color: #817676; font-weight: normal; display: inline-block; margin-left: 5px;}
.y_lpdtpc_list ul li .y_love_list_main .y_text p.y_pic{ margin-top: 10px;}
.y_lpdtpc_list ul li .y_love_list_main .y_text p.y_pic span{font-size: 16px;  color: #FF000D;display: inline-block;}
.y_lpdtpc_list ul li .y_love_list_main .y_text p.y_pic i{font-size: 16px;  color: #999; display: inline-block;}

/*房贷计算*/
.y_lploat_cent{ padding: 20px 15px;}
.Real_trends {background: #ffffff;box-shadow: 0 5px 10px 0 rgba(38, 45, 55, 0.08);border-radius: 2px;margin-top: 30px;position: relative;}
.Real_trends .trends_Box{
  height: 30px;
  position: absolute;
  top: 100px;
  left: 88px;
  z-index: 10;
}
.Real_trends .trends_Box li{
  float: left;
  border: 1px solid red;
  padding: 3px 8px;
  font-size: 14px;
  color: #333;
  margin-right: 35px;
}
.Real_trends .Top {
  width: 100%;
  height: 70px;
  border-bottom: 1px solid #eeeeee;
  padding: 0 30px;
  line-height: 70px;
}
.Real_trends .Top h4 {
  font-size: 20px;
  float: left;
}
.Real_trends .Top h4 i {
  font-size: 14px;
  padding-left: 15px;
}
.Real_trends .Top a {
  float: right;
  font-size: 14px;
  color: #999999;
}
.Real_trends .Top a:hover {
  color: #262d37;
}
.Real_trends .Top p {
  float: right;
}
.Real_trends .Top p i {
  font-size: 14px;
  border-right: 1px solid #262d37;
  padding-left: 8px;
  padding-right: 10px;
  cursor: pointer
}
.Real_trends .Top p i a {
  float: none;
  color: #262d37;
}
.Real_trends .Top p i a:hover{
  color:#e9333c;
}
.Real_trends .Top p i:last-child {
  border-right: 0;
}
.Real_trends .Top span {
  float: left;
  display: inline-block;
  padding-top: 3px;
  line-height: 67px;
  padding-left: 5px;
}
.Real_trends .Top span i {
  font-size: 14px;
  border-right: 1px solid #262d37;
  padding-left: 8px;
  padding-right: 10px;
}
.Real_trends .Top span i:hover a{
  color: #e9333c;
}
.Real_trends .Top span i a {
  float: none;
  color: #262d37;
}
.Real_trends .Top span i:last-child {
  border-right: 0;
}
.Real_trends .trends_cun {
  width: 100%;
  padding: 0 30px;
}

.Real_trends .trends_count {
  width: 100%;
  float: left;
}
.Real_trends .trends_count .count_Box {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 20px;
  float: left;
  position: relative;
}
.Real_trends .trends_count .count_Box .countL {
  width: 474px;
  float: left;
  position: relative;
  left: 30px;
}
.Real_trends .trends_count .count_Box .countL h4 {
  width: 100%;
  text-align: center;
  font-size: 18px;
  padding-bottom: 30px;
}
.Real_trends .trends_count .count_Box .countL .p-tip {
  color: #bbb;
  font-size: 12px;
  height: 12px;
  margin-bottom: 30px;
  float: left;
}
.Real_trends .trends_count .count_Box .countL .count_lst {
  width: 100%;
  float: left;
}
.Real_trends .trends_count .count_Box .countL .count_lst li {
  width: 100%;
  padding-bottom: 20px;
  float: left;
}
.Real_trends .trends_count .count_Box .countL .count_lst li label {
  float: left;
  padding-right: 23px;
  line-height: 54px;
  font-weight: unset;
  font-size: 15px;
  color:#534e4e;
}
.Real_trends .trends_count .count_Box .countL .count_lst li label i {
  padding: 0 12px;
}
.Real_trends .trends_count .count_Box .countL .count_lst li .lst_box {
  width: 340px;
  height: 54px;
  float: left;
  border: 1px solid #dddddd;
  border-radius: 2px;
  position: relative;
  box-sizing: border-box;
}
.Real_trends .trends_count .count_Box .countL .count_lst li .lst_box .lst_text {
  width: 317px;
  height: 100%;
  display: inline-block;
  padding-left: 20px;
  line-height: 54px;
  font-size: 15px;
  cursor: pointer;
  color:#805454;
}
.Real_trends .trends_count .count_Box .countL .count_lst li .lst_box p {
  position: absolute;
  top: 56px;
  left: 0;
  font-size: 12px;
  color: #e9333c;
  padding-left: 20px;
  display: none;
}
.Real_trends .trends_count .count_Box .countL .count_lst li .lst_box i {
  width: 8px;
  height: 5px;
  background: url('/image/ico_38.png') no-repeat center center;
  position: absolute;
  top: 25px;
  right: 25px;
}
.Real_trends .trends_count .count_Box .countL .count_lst li .lst_box i.cur{
  background: url('/image/ico_38.png') no-repeat center center;
}
.Real_trends .trends_count .count_Box .countL .count_lst li .lst_box .lst_cun {
  width: 340px;
  position: absolute;
  top: 53px;
  left: -1px;
  border: 1px solid #ddd;
  background-color: #fff;
  max-height: 215px;
  overflow-y: auto;
  border-top: none;
  z-index: 999;
  box-sizing: border-box;
  display: none;
  overflow-x:hidden;
}
.Real_trends .trends_count .count_Box .countL .count_lst li .lst_box .lst_cun li {
  width: 100%;
  padding: 16px 21px;
  font-size: 13px;
  cursor: pointer;
}
.Real_trends .trends_count .count_Box .countL .count_lst li .lst_box .lst_cun li:hover {
  background: #f8fafc;
  color: #e9333c;
}
.Real_trends .trends_count .count_Box .countL .count_lst li .lst_box .money {
  position: absolute;
  top: 0;
  right: 21px;
  font-size: 16px;
  color: #988282;
  line-height: 52px;
}
.Real_trends .trends_count .count_Box .countL .count_lst li .Total {
  width: 317px;
  height: 100%;
  border: 0;
  padding-left: 20px;
  line-height: 54px;
  font-size: 16px;
}
.Real_trends .trends_count .count_Box .countL .count_lst li .dk_money{
  disabled:disabled;
  background: #FFF;
}
.Real_trends .trends_count .count_Box .countL .count_lst li.group {
  display: none;
}
.Real_trends .trends_count .count_Box .countR {
  width: 420px;
  float: right;
  position: relative;
  right: 30px;
}
.Real_trends .trends_count .count_Box .countR h4 {
  width: 100%;
  text-align: center;
  font-size: 18px;
  padding-bottom: 30px;
}
.Real_trends .trends_count .count_Box .countR .countR_box {
  width: 100%;
  height: 460px;
}
.Real_trends .trends_count .count_Box .countR .countR_box .countR_cut {
  width: 100%;
  float: left;
}
.Real_trends .trends_count .count_Box .countR .countR_box .countR_cut li {
  width: 50%;
  padding: 10px 0;
  text-align: center;
  font-size: 16px;
  border-bottom: 1px solid #dddddd;
  float: left;
  cursor: pointer;
}
.Real_trends .trends_count .count_Box .countR .countR_box .countR_cut li.on{
  padding-bottom: 9px;
  border-bottom: 3px solid #E9333C;
}
.Real_trends .trends_count .count_Box .countR .countR_box .echart_box {
  width: 100%;
  padding: 30px 0;
  border-bottom: 1px dashed #ccc;
  float: left;
}
.Real_trends .trends_count .count_Box .countR .countR_box .echart_box .echart_img {
  float: left;
  width: 160px;
  height: 160px;
}
.Real_trends .trends_count .count_Box .countR .countR_box .echart_box .echart_data {
  float: left;
  margin-left: 20px;
  padding: 12px 0 2px 0;
}
.Real_trends .trends_count .count_Box .countR .countR_box .echart_box .echart_data .data_line {
  width: 100%;
  height: 46px;
  line-height: 46px;
  font-size: 15px;
  vertical-align: middle;
}
.Real_trends .trends_count .count_Box .countR .countR_box .echart_box .echart_data .data_line i {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 10px;
}
.Real_trends .trends_count .count_Box .countR .countR_box .echart_box .echart_data .loansum_line i {
  background-color: #608cfb;
}
.Real_trends .trends_count .count_Box .countR .countR_box .echart_box .echart_data .interest_line i {
  background-color: #ff794f;
}
.Real_trends .trends_count .count_Box .countR .countR_box .echart_box .echart_data .fstprice_line i {
  background-color: #fbae35;
}
.Real_trends .trends_count .count_Box .countR .countR_box .bus_fstmonth {
  margin-top: 70px;
  height: 50px;
  line-height: 50px;
  text-align: right;
  padding-right: 8px;
  font-size: 22px;
  width: 100%;
  float: left;
}
.Real_trends .trends_count .count_Box .countR .countR_box .bus_fstmonth span {
  font-size: 45px;
  color: #dd0009;
  font-family: Arial;
  padding: 0 10px;
}
.Real_trends .trends_count .count_Box .countR .countR_box .bus_monthcut {
  width: 100%;
  text-align: right;
  padding-right: 8px;
  font-size: 14px;
  height: 22px;
  line-height: 22px;
}
.Real_trends .trends_count .count_Box .reckon {
  width: 130px;
  height: 45px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -65px;
  margin-top: -22.5px;
}
.Real_trends .trends_count .count_Box .reckon input {
  width: 100%;
  height: 100%;
  border: 0;
  background: #e9333c;
  font-size: 16px;
  color: #FFF;
  border-radius: 50px;
}
/*幻灯*/
.banner{margin:0px auto 0;width:523px;overflow:hidden;}
.large_box{margin-bottom:0px;width:523px;height:411px;overflow:hidden;position:relative;}
.m_mfzc{position:absolute;top:0;left:20px;width:106px;z-index:10;}
.large_box li{position:relative;}
.small_box{width:523px;height:105px;overflow:hidden; margin-top: 10px;position: relative;}
.small_list{position:relative;float:left;width:523px;height:105px;overflow:hidden;}
.small_list ul{height:110px;overflow:hidden;}
.small_list ul li{position:relative;float:left;margin-right:9px;width:120px; height: 100px; border: 2px solid rgba(0,0,0,0);}
/*.small_list ul li img{ height:100%;width:100%;}*/
.small_list ul li:last-child{margin-right: 0px;}
.small_list ul li.on{ border: 2px solid #FF5849;}

.small_list ul li .small_listimg{width:32px;height:32px;position:absolute;top:50%;left:50%;margin-top:-16px;margin-left:-16px;}

.banner .small_box .btn{ position: absolute; width:26px; height: 48px; z-index: 2; top: 50%; margin-top: -28px; border-radius: 2px; opacity: 0.4;}
.banner .small_box .btn.left_btn{left: 2px; background: url('/image/index_lr.png') no-repeat 6px center rgba(0,0,0,0.4); background-size:40px auto;}
.banner .small_box .btn.right_btn{right: 2px; background: url('/image/index_lr.png') no-repeat -21px center rgba(0,0,0,0.4); background-size:40px auto;}
.banner .small_box .btn:hover{opacity: 1;}


.m_lp_vr{position:absolute;top:50%;left:50%;width:71px;height:71px;margin-top:-35.5px;margin-left:-35.5px;}

.large_box ul li.video_m{ width: 100%; height: 411px; position: relative;}
.large_box ul li.video_m p{display: inline-block;  width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 2;}
.large_box ul li.video_m p img{ width: 100%; height: 100%;}
.large_box ul li.video_m i{z-index: 3; display: inline-block; width: 99px; height: 99px; position: absolute; left: 50%; top: 50%; margin-left: -49.5px; margin-top: -49.5px;}
.large_box ul li.video_m i img{ width: 100%; height: 100%;}
.large_box ul li.video_m video{ width: 523px; height: 411px;object-fit: fill;}






/*订阅报名*/
.y_lpdtpc_bm{ float: right;}
.subscribe_box {width:280px;background:#fff;padding-bottom:25px;}
.subscribe_box > img {display:block;width:100%;}
.subscribe_box .subscribe_font {text-align:center;margin-top:10px}
.subscribe_box .subscribe_font p{font-size:14px;color:#999; padding: 0 15px;}
.m_bm_form_xm {text-align:center;}
.m_bm_form_xm input {height:32px;line-height:32px;background:#ECEBF2;color:#9C9C9D;margin-top:10px;border:none;padding:0 15px;width:200px;font-size:14px}
.m_bm_form_submit {background:#FF792A;height:32px;border-radius:16px;color:#fff;text-align:center;width:130px;border:none;margin:0 auto;display:block;margin-top:15px;font-size:16px}

.y_lpdtpc_nav_gd{ float: right; position: relative; top: 8px;}
.y_lpdtpc_nav_gd a{display: block; font-size: 14px; color: #786565;}

/*清水湾详情活-动优惠*/
/*.m_lpind_add {margin-top:40px;}*/
.m_lpind_addbg {box-shadow:0px 1px 20px 0px rgba(198, 198, 198, 0.5);}
.m_lpind_addbg img {width:1200px;height:100px;}
.m_lpind_add_main {position:relative;}
.m_lpind_addipunt {position:absolute;right:26px;top:50%;margin-top:-23px;width:312px;height:45px;background:#fff;border-radius:30px;}
.m_lpind_addipunt input.m_lpipnt {border:none;font-size:15px;color:#654141;border-radius:50px;width:210px;height:45px;display:block;float:left;position:relative;padding-left:20px;}
.m_lpind_addipunt input.m_lpb {width:80px;height:41px;line-height:41px;display:inline-block;position:absolute;top:2px;right:2px;background:#FBD86C;font-size:16px;color:#DC0000;border:none;border-radius:0px 20px 20px 0;font-weight:bold;}