.top-title {} .top-title > img {display:block;width:100%;} .genera-box {width:1200px;margin:50px auto 60px;box-shadow:0 0 10px 0 #c7c7c7;height:770px;} .genera-top-nav {background:#F5F6F6;height:70px;display: -webkit-flex;display: flex;flex-wrap: nowrap;} .top-nav-city {display:block;width:180px;text-align:center;height:70px;align-items:center;justify-content:center;display: -webkit-flex;display: flex;flex-wrap: nowrap;font-size:18px;color:#323232;} .top-nav-li {display:block;width:1020px;} .top-nav-li ul {display: -webkit-flex;display: flex;flex-wrap: nowrap;} .top-nav-li ul li {display:block;width:146px;text-align:center;height:70px;line-height:70px;color:#323232;font-size:18px;position:relative;} .top-nav-li ul li.on {font-weight:bold;} .top-nav-li ul li.on:before {content:'';display:inline-block;width:100%;height:2px;background:#D01E1E;position:absolute;left:0px;bottom:0;} .top-nav-li ul li.on:after {content:'';display:inline-block; width: 0;height: 0;border:10px solid;border-color: transparent transparent #D01E1E;position:absolute;left:50%;bottom:0;margin-left:-10px;} .genera-center {display: -webkit-flex;display: flex;flex-wrap: nowrap;} .genera-center-nav {display:block;width:180px;} .genera-center-nav ul {background:#F5F6F6;} .genera-center-nav ul li {height:70px;text-align:center;line-height:70px;font-size:18px;color:#323232;} .genera-center-nav ul li.on {background:#fff;color:#D01E1E;font-weight:bold;} .genera-center-box {display:block;width:975px;height:660px;padding:30px 15px 10px 30px;} /*国家概述*/ .nation {overflow-y:auto;height:660px;} .nation ul li {} .nation ul li + li {margin-top:15px;} .nation ul li a {display: -webkit-flex;display: flex;flex-wrap: nowrap;} .nation ul li .nation-img {display:block;width:200px;height:150px;border-radius:4px;overflow:hidden;} .nation ul li .nation-img img {display:block;width:100%;height:100%;} .nation ul li .nation-font {display:block;width:740px;padding-left:15px;} .nation ul li .nation-font h2 {font-size:18px;color:#3D3D3D;padding:10px 0;} .nation ul li .nation-font p {font-size:14px;color:#666666;line-height:20px;} /*具体国家概述*/ .state-box {} .state-box .state-sum {} .state-box .state-sum a {display: -webkit-flex;display: flex;flex-wrap: nowrap;} .state-box .state-sum .nation-img {display:block;width:200px;height:150px;border-radius:4px;overflow:hidden;} .state-box .state-sum .nation-img img {display:block;width:100%;height:100%;} .state-box .state-sum .nation-font {display:block;width:740px;padding-left:15px;} .state-box .state-sum .nation-font h2 {font-size:18px;color:#3D3D3D;padding:10px 0;} .state-box .state-sum .nation-font p {font-size:14px;color:#666666;line-height:20px;} .state-list {margin-top:18px;} .state-list ul li {border-bottom:1px solid #E4E4E4;text-indent:1em;} .state-list ul li a {font-size:16px;color:#323232;display:block;padding:12px 0;} .state-list ul li.boe {border:none;margin-top:8px;text-indent:1em;} /*问答列表*/ .faqs-box {padding-right:26px; height: 570px; overflow-y:auto; } .faqs-box ul li { position: relative;} .faqs-box ul li + li {margin-top:25px;} .faqs-box ul li .qs img {display:inline-block;width:22px;height:22px;margin-right:15px;} .faqs-box ul li .qs span {font-size:18px;color:#3D3D3D;font-weight:bold;width:910px;} .faqs-box ul li .fa {display: -webkit-flex;display: flex;flex-wrap: nowrap;margin-top:10px; position: relative; height: auto; overflow: hidden;} .faqs-box ul li .fa img {display:inline-block;width:22px;height:22px;margin-right:15px;} .faqs-box ul li .fa span {font-size:16px;color:#666666;display:inline-block;line-height:23px;width:895px;} .faqs-box::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; position: relative; right: 5px; } .faqs-box::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; background: #D0D0D0; } .faqs-box::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px #fff; border-radius: 8px; } .faqs-box ul li .fa .zhanli{ margin-left:10px; white-space: nowrap; display: none; font-size: 16px; color: #0B9DF7; line-height: 23px;} .faqs-box ul li .fa .zhanli img{display: inline-block; width: 8px; height: 10px; position: relative; top: 8px; margin-left: 7px;} .y_hoverBox{width: 60px; display:inline-block; margin: 0 5px; text-align: center; position: relative; top: 30px; height: 30px;border-radius: 5px; background: #F5F6F6; line-height: 30px; font-size: 15px; color: #333;} .y_hoverBox:hover{background: #36AB44; color: #fff;} /*热推看房团*/ .hot-cool {width:1200px;margin:0 auto;} .hot-cool-title {font-size:26px;color:#4D555D;position:relative;text-align:center;} .hot-cool-title:before {content:"";display:inline-block;width:345px;height:4px;vertical-align:middle;margin-right:30px; background: -webkit-linear-gradient(right,#FFFFFF , #B1B1B1); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right,#FFFFFF , #B1B1B1); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right,#FFFFFF , #B1B1B1); /* Firefox 3.6 - 15 */ background: linear-gradient(to right,#FFFFFF , #B1B1B1); /* 标准的语法 */ } .hot-cool-title:after {content:"";display:inline-block;width:345px;height:4px;vertical-align:middle;margin-left:30px; background: -webkit-linear-gradient(right,#B1B1B1 , #FFFFFF); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right,#B1B1B1 , #FFFFFF); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right,#B1B1B1 , #FFFFFF); /* Firefox 3.6 - 15 */ background: linear-gradient(to right,#B1B1B1 , #FFFFFF); /* 标准的语法 */ } .hot-cool-list {margin-top:50px;position:relative;} .hot-box {overflow:hidden;padding:10px;} .hot-box ul li {display:inline-block;width:280px;height:245px;border-radius:8px;box-shadow:0 0 6px 3px #ccc;} /*.hot-box ul li + li {margin-left:20px;}*/ .hot-box ul li .hot-list-img {display:block;width:280px;height:185px;border-radius:8px 8px 0 0;overflow:hidden;} .hot-box ul li .hot-list-img img {display:block;width:100%;height:185px;} .hot-box ul li .hot-list-font {display:block;height:58px;line-height:58px;font-size:18px;padding:0 20px;} .hotprev {display:inline-block;width:28px;height:48px;position:absolute;top:50%;margin-top:-20px;left:-60px; display: -webkit-flex; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; } .hotnext {display:inline-block;width:28px;height:48px;position:absolute;top:50%;margin-top:-20px;right:-60px; display: -webkit-flex; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; } .hotprev img {display:block;width:47px;height:20px; /*旋转*/ transform:rotate(-90deg); -ms-transform:rotate(-90deg); /* IE 9 */ -moz-transform:rotate(-90deg); /* Firefox */ -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg); /* Opera */ } .hotnext img {display:block;width:47px;height:20px; /*旋转*/ transform:rotate(90deg); -ms-transform:rotate(90deg); /* IE 9 */ -moz-transform:rotate(90deg); /* Firefox */ -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); /* Opera */ } /*置业热文*/ .estate {width:1200px;margin:70px auto 0;} .estate-box {display: -webkit-flex;display: flex;flex-wrap: nowrap;margin-top:50px;} .estate-max {display:inline-block;vertical-align:top;width:585px;height:380px;position:relative;overflow:hidden;} .estate-max a {} .estate-max a span {display:inline-block;width:63px;height:30px;background:rgba(0,0,0,0.5);text-align:center;line-height:30px;color:#fff;border-radius:30px;position:absolute;top:13px;left:10px;} .estate-max a > img {display:block;width:100%;height:100%;} .estate-max .estate-max-font {position:absolute;left:0;bottom:0;background:rgba(0,0,0,0.6);color:#fff;padding:16px 112px 16px 24px;display:block;width:450px;overflow:hidden;} .estate-max .estate-max-font h2 {font-size:18px;width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .estate-max .estate-max-font p {font-size:14px;line-height:20px;margin-top:15px;} .estate-list {display:inline-block;vertical-align:top;width:605px;height:380px;margin-left:15px;} .estate-list ul li a{display: -webkit-flex;display: flex;flex-wrap: nowrap;} .estate-list ul li + li {margin-top:17px;} .estate-list-img {display:inline-block;position:relative;width:180px;height:115px;vertical-align:top;} .estate-list-img span {display:inline-block;width:63px;height:30px;background:rgba(0,0,0,0.5);text-align:center;line-height:30px;color:#fff;border-radius:30px;display:inline-block;font-size:14px;position:absolute;top:10px;left:10px;} .estate-list-img > img {display:block;width:100%;height:100%;} .estate-list-font {display:inline-block;vertical-align:top;width:403px;margin-left:15px;padding-right:6px;} .estate-list-font h2 {font-size:18px;color:#333;margin-top:11px;width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .estate-list-font p {font-size:14px;color:#666;margin-top:15px;line-height:25px;} .hot-item {width:1200px;margin:70px auto 30px;} .hotitem-list {margin-top:50px;} .hotitem-list ul {display:-webkit-flex;display:flex;flex-wrap:nowrap;} .hotitem-list ul li {display:inline-block;width:385px;border-radius:8px;overflow:hidden;box-shadow:0 0 13px 5px #e5e5e5;} .hotitem-list ul li + li {margin-left:25px;} .hotitem-list-img {display:block;width:385px;height:270px; position: relative;} .hotitem-list-img img {display:block;width:100%;height:100%;} .hotitem-list-img .lppric{ padding:10px 20px; position: absolute; left: 0px; top: 0px; background:rgba(235,96,105,1);border-radius:8px 0px 8px 0px;text-align: center;} .hotitem-list-img .lppric .top{font-size: 20px; color: #fff; font-weight: bold;} .hotitem-list-img .lppric .itmeBox{font-size: 12px; color: #E6E6E6; margin-top: 3px;} .hotitem-botom{padding: 20px;} .hotitem-list-font {display:block;font-size:18px;color:#666;font-weight: bold;} .hotitem-botom .tuijly{font-size: 14px; color: #666666; margin-top: 10px; width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .hotitem-botom .stylebox{margin-top: 10px;} .hotitem-botom .stylebox i{background:rgba(235,96,105,0.1); font-size: 12px; color: #666;display: inline-block; float: left; padding: 0 10px; height: 24px; line-height: 24px;} .hotitem-botom .stylebox i+i{margin-left: 10px;} /*悬挂图标*/ .alive {position:fixed;bottom:200px;right:20px;width:133px;height:133px;z-index:10;} .alive img {display:block;width:100%;height:100%;} /**/ /*.widget-box {position:fixed;bottom:350px;right:20px;width:240px;height:312px;overflow:hidden;}*/ .widget-box {position:fixed;bottom:280px;right:100px;width:8px;height:8px;overflow:hidden;} .widget-box .widget-cls {position:absolute;top:10px;right:10px;} .widget-box .widget-title {position:absolute;top:30px;left:50%;width:188px;margin-left:-94px;} .widget-box .widget-title img {display:block;width:100%;} .widget-box form {position:absolute;bottom:40px;width:200px;left:50%;margin-left:-100px;} .widget-box form .m_bmck_input {display:block;height:36px;line-height:36px;background:rgba(255,255,255,0.3);border-radius:18px;position:relative;} .widget-box form input {background:rgba(255,255,255,0);border:none;height:36px;line-height:36px;font-size:14px;color:#fff;} .widget-box form input::-webkit-input-placeholder {color:#fff;} /* WebKit, Blink, Edge */ .widget-box form input:-moz-placeholder {color:#fff;} /* Mozilla Firefox 4 to 18 */ .widget-box form input::-moz-placeholder {color:#fff;} /* Mozilla Firefox 19+ */ .widget-box form input:-ms-input-placeholder { color:#fff;}/* Internet Explorer 10-11 */ .widget-box form .m_bmck_input img {display:inline-block;width:13px;height:15px;position:absolute;top:10px;left:15px;} .widget-box form .m_bmck_input input {margin-left:35px;width:150px;} .widget-box form .m_bmck_input + .m_bmck_input {margin-top:12px;} .widget-box form input.m_ztbutton {display:block;margin:20px auto 0;height:38px;line-height:38px;width:152px;text-align:center;background:rgba(255,255,255,0.3);font-size:14px;border-radius:20px;}