/*楼盘首页*/ 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;}