pfhwyigou/frontend/web/css/investhot/index.css

body{ background: #F5F5F5;}
/*轮播*/
.InvestBox_slide{ width: 100%; height: 208px; position: relative; overflow: hidden;}
.slide_main{ width: 100%; height: 208px;}
.slide_main ul li{ width: 100%; height: 100%;}
.slide_main ul li img{ width: 100%; height: 100%;}
.InvestBox_slide .hd{position: absolute; bottom: 11px;z-index: 2; text-align: center; width: 100%;}
.InvestBox_slide .hd ul li{ display:inline-block; margin: 0 7px;  width: 8px; height: 8px; color: #fff; background: #fff; border:4px solid #fff; border-radius: 100%;}
.InvestBox_slide .hd ul li.on{ background: #FFAD56; color: #FFAD56;}
/*专题展示区*/
.InvestBox_main{background: #fff; width: 1100px; margin: 0 auto; margin-top: 43px;}
.InvestBox_cent{ padding: 80px 91px;}

.center_title{ text-align: center; width: 100%; position: relative; }
.center_title span{ display: inline-block; background: #fff; padding: 0 20px; position:relative; z-index: 2;}
.center_title span span{ display: block; color: #525252; font-weight: bold; font-size: 32px;}
.center_title span em{ display: block; color: #878787; margin-top: 16px; font-size: 13px;}
.center_title i{ display: block; height: 1px; width: 100%; background: #B2B2B2; position: absolute; left: 0px; top: 50%; z-index: 1;}

.InvestBox_list{margin-top: 27px;}

.listTop_nav{ text-align: center;}
.listTop_nav a{ display: inline-block;  font-size: 19px; color: #000; padding: 9px 15px; border-radius: 4px;}
.listTop_nav a.on{ color: #fff; background: #FE5A25; font-weight: bold;}
.listTop_nav a:hover{ color: #fff; background: #FE5A25; font-weight: bold;}
.listTop_nav a+a{ margin-left: 10px;}

.listTop_nav_lst{ background:rgba(254,90,37,0.2); padding: 0 40px; overflow: hidden; border-radius: 4px;  height: 38px; line-height: 38px; text-align: center;}
.listTop_nav_lst a{ display: inline-block; font-size: 16px; color: #FF8862;/* padding: 0 20px;*/ width: 11.11%;}
.listTop_nav_lst a.on{ font-size: 18px; color: #FE5A25; font-weight: bold;}
.listTop_nav_lst a:hover{ font-size: 18px; color: #FE5A25; font-weight: bold;}
.center_list{ margin-top: 32px;}
.center_list ul li{ width: 276px; height: auto; float: left; margin-right: 45px; margin-bottom: 20px;}
.center_list ul li p.img{ width: 100%; height: auto; position: relative; }
.center_list ul li p.img i{ display: block; position: absolute; right: 0px; top:0px; width: 54px; height: 26px;}
.center_list ul li p.img img{ width: 100%; height: auto;}
.center_list ul li p.img i img{ width: 100%; height: 100%;}
.center_list ul li div.text{ text-align: center; padding: 10px 15px;}
.center_list ul li div.text p:nth-child(1){overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size: 16px; color: #1C1C1C; width: 100%;}
.center_list ul li div.text p:nth-child(2){overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size: 13px; color: #5C5C5C; margin-top: 10px; width: 100%;}
.center_list ul li:nth-child(3n){ margin-right: 0px;}
.center_list ul li:hover p.img img{opacity: 0.8;}


.more_zt{margin-top: 40px; width: 100%; text-align: center;}
.more_zt a{display: block; width: 100%; height: 42px; line-height: 42px; text-align: center;background: #F5F5F5;}
.more_zt a span{display: inline-block; font-size: 16px; color: #575757;}
.more_zt a i{display: inline-block;width: 12px; height: 9px; line-height: 9px; margin-left: 10px;}
.more_zt a i img{width: 100%; height: 100%;}
.more_zt a.on i{
	position: relative; top: -2px;
	transform:rotate(180deg);
-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); 	/* Opera */
}



/*买海外房子的朋友都在看*/
.recommend_list{ margin-top: 95px;}
.listMain{margin-top: 85px;}
.listMain ul li{ width: 222px; height: 324px; float: left; overflow: hidden;}
.listMain ul li .listMain_d{ position: relative; width: 100%; height: 100%;}
.listMain ul li .listMain_d .bgimg{ width: 100%; height: 100%;}
.listMain ul li .listMain_d .bgimg img{width: 100%; height: 100%;}
.listMain ul li .listMain_d .title_l{ z-index: 1; position: absolute; bottom: 0px; height: 100px; line-height: 100px; background: #588BC0; width: 100%; left: 0px; text-align: center;}
.listMain ul li .listMain_d .title_l span{ display: block; font-size: 21px; color: #fff; padding: 0 10px;}
.listMain ul li .listMain_d .shoue_in{text-align: center; position:absolute; left: 0px; bottom:-100%; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 1;}
.listMain ul li .listMain_d .shoue_in p.title{ font-size: 27px; color: #fff; font-weight: bold; margin-top: 60px;}
.listMain ul li .listMain_d .shoue_in p.xiagqing{ margin-top: 40px;}
.listMain ul li .listMain_d .shoue_in p.zxzx{ margin-top: 25px;}
.listMain ul li .listMain_d .shoue_in p.xiagqing a{ display: inline-block; font-size: 16px; color: #fff; border:2px solid #fff; padding: 10px 20px; border-radius: 50px;}
.listMain ul li .listMain_d .shoue_in p.zxzx a{ display: inline-block; font-size: 16px; color: #fff; border:2px solid #fff; padding: 10px 20px; border-radius: 50px;}
.listMain ul li .listMain_d .shoue_in p.xiagqing a:hover{ background: rgba(254,90,37,0.75)}
.listMain ul li .listMain_d .shoue_in p.zxzx a:hover{ background: rgba(254,90,37,0.75)}
.listMain ul li+li{ margin-left: 9px;}
.listMain ul li:hover{ cursor: pointer;}


/*推荐项目*/
.projectBox{ margin-top: 120px;}
.projectBox_list{ margin-top: 46px;}
.projectBox_list ul li{ float: left; background: #fff; width: 280px; height: 320px; box-shadow: 0px 4px 5px 0px rgba(87, 87, 87, 0.35);}
.projectBox_list ul li .top_img{ width: 100%; height:200px; position: relative; }
.projectBox_list ul li .top_img p.img img{ width: 100%; height:200px;}
.projectBox_list ul li .top_img div.text{ text-align: center; position: absolute; left: 0px;bottom: 0px; height: 60px;  background:rgba(0,0,0,0.4); width: 100%;}
.projectBox_list ul li .top_img div.text p.pric{ font-size: 19px; color: #fff; font-weight: bold; margin-top:10px; }
.projectBox_list ul li .top_img div.text p.shijian{ font-size: 11px; color: #fff; margin-top:3px; }
.projectBox_list ul li .bottom_text{padding: 15px 10px; position: relative;}
.projectBox_list ul li .bottom_text p.title{ padding-left:0px; }
.projectBox_list ul li .bottom_text p.title a{ display:block; font-size: 16px;color:#1C1C1C; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.projectBox_list ul li .bottom_text p.text{  font-size: 15px; color: #5C5C5C; margin-top: 5px;  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.projectBox_list ul li .bottom_text p.nont{ margin-top: 19px; margin-bottom: 15px;}
.projectBox_list ul li .bottom_text p.nont span{display: block; float: left; font-size: 13px; color: #FE5A25; font-weight: bold;}
.projectBox_list ul li .bottom_text p.nont span em{font-size: 24px;}
.projectBox_list ul li .bottom_text p.nont a{ position: relative; top: 2px; display: block; float: right;font-size: 13px; color: #5C5C5C; border: 2px solid #5C5C5C; padding:4px 15px; border-radius: 50px; }
.projectBox_list ul li .bottom_text p.nont a:hover{color: #FE5A25; border-color: #FE5A25;}
.projectBox_list ul li .bottom_text p.nont a.on{color: #FE5A25; border-color: #FE5A25;}
.projectBox_list ul li .bottom_text .xianghis{ display: none; position: absolute; left: 50%; padding: 0 10px; margin-left: -130px; bottom: -25px; z-index: 1; background: #fff; width: 240px; height: 45px; line-height: 45px; text-align: center; border:1px solid #DFDFDF;}
.projectBox_list ul li .bottom_text .xianghis span{ display: block; width: 100%;font-size: 13px; color: #5C5C5C; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.projectBox_list ul li+li{margin-left: 39px;}

.projectBox_list ul li:hover .top_img p.img img{ opacity: 0.8;}