body {background:#fff;} .m_topw {height:50px;width:100%;position:fixed;top:0;left:0;z-index:1000;} .m_topw .m_title {height:50px;line-height:50px;text-align:center;font-size:1.0625rem;} .m_topw .m_title img{width:70px;display:block;margin:auto;margin-top:13px;} .m_topw a:first-child {display:inline-block;width:30px;height:30px;position:absolute;left:13px;top:50%;margin-top:-15px;z-index:5;} .m_topw a:last-child {display:inline-block;width:30px;height:30px;position:absolute;right:13px;top:50%;margin-top:-15px;z-index:5;} .m_topw a img {display:block;width:100%;height:100%;} .main-box {} .main-top {display:block;height:108px;} .main-top > img {display:block;width:100%;height:100%;} .bhg {display:block;height:20px;background:#E4E4E4;} .y_hoverBox{width: 60px; display:inline-block; margin: 0 5px; text-align: center; position: relative; top: 5px; height: 25px;border-radius: 5px; background: #F5F6F6; line-height: 25px; font-size: 0.875rem; color: #333;} .y_hoverBox:hover{background: #36AB44; color: #fff;} /*填写意向*/ .center_box {margin:0 15px;} .m_intention{box-shadow :0px 0px 20px 0px #d6d6d6;border-radius:5px;margin-top:20px;} .m_intention a{display:block;} .m_intention_img{width:100%;height:120px;background: url(/image/indexv2_2.png) no-repeat 0 0/100% 100%;text-align:center;overflow:hidden;} .m_intention_img span{font-size:1.375rem;color:#FFF;display:block;margin-top:40px;} .m_intention_img i{font-size:0.875rem;color:#FFF;background:#D7975A;border-radius:50px;padding:6px 11px;position:relative;top:8px;} .m_intention_text{font-size:0.875rem;color:#D0A780;padding:15px 0;text-align:center;letter-spacing:1px;} .m_intention_text i{color:#EE4343;font-weight:600;font-size:0.9rem;} /*热推看房团*/ .titletag {padding-left:15px;font-size:1rem;color:#2B2B2B;margin-top:35px;position:relative;font-weight:bold;} .titletag:before {content:"";display:inline-block;width:4px;height:16px;position:relative;top:3px;left:0px;margin-right:8px; background: -webkit-linear-gradient(#FD7134, #FF452A); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#FD7134, #FF452A); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#FD7134, #FF452A); /* Firefox 3.6 - 15 */ background: linear-gradient(#FD7134, #FF452A); /* 标准的语法 */ } .titletag-list {margin:15px 0;overflow:hidden;padding:5px 0;} .titletag-list ul li {display:inline-block;width:70%;border-radius:5px;overflow:hidden;box-shadow:0 0 9px 2px #ccc;display:inline-block;height:165px;} .titletag-list ul li .titletag-list-img {display:block;height:130px;} .titletag-list ul li .titletag-list-img img {display:block;width:100%;height:100%} .titletag-list ul li .titletag-list-font {font-size:0.625rem;color:#666666;height:30px;line-height:30px;width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:0 8px;} .titletag-list ul li.swiper-slide-active {position:relative;top:-5px;height:175px;} .titletag-list ul li.swiper-slide-active .titletag-list-img {height:140px; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; } /*最新资讯*/ .newlist {margin:0 15px;} .newlist ul li {position:relative;border-radius:4px;overflow:hidden;padding:15px 0;} .newlist ul li + li {border-top:1px dashed #BCBCBC;} .newlist ul li .img {display:block;width:100%;height:160px;} .newlist ul li .maxfont {position:absolute;width:100%;left:0;bottom:15px;color:#fff;background:rgba(0,0,0,0.5);padding:10px;border-radius:0 0 4px 4px;} .newlist ul li .maxfont h2 {font-size:0.875rem;width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .newlist ul li .maxfont p {font-size:0.625rem;margin-top:5px;} .newlist ul li .maxfont p img {display:inline-block;width:9px;height:9px;margin-right:5px;} .newlist ul li.using {display: -webkit-flex;display: flex;flex-wrap: nowrap;} .newlist ul li .minimg {display:inline-block;vertical-align:top;width:100px;height:65px;border-radius:5px;overflow:hidden;} .newlist ul li .minimg img {display:inline-block;width:100%;height:100%;} .newlist ul li .minfont {display:inline-block;vertical-align:top;width:225px;height:65px;position:relative;margin-left:10px;} .newlist ul li .minfont h2 {font-size:0.875rem;color:#333333;} .newlist ul li .minfont p {font-size:0.625rem;margin-top:5px;color:#9D9D9D;position:absolute;left:0;bottom:0;} .newlist ul li .minfont p img {display:inline-block;width:9px;height:9px;margin-right:5px;} .news-more {text-align:center;margin-bottom:25px;} .news-more a {display:inline-block;height:25px;width:82px;text-align:center;line-height:25px;color:#FE9F4B;border:1px solid #FE9F4B;border-radius:20px;font-size:0.75rem;} /*热门楼盘*/ .hot-list {margin:20px 0;overflow:hidden;padding:10px 0;} .hot-list ul li {display:inline-block;width:70%;border-radius:4px;overflow:hidden;box-shadow:0 0 9px 2px #ccc;} .hot-list ul li .hot-list-img {display:block;height:105px;} .hot-list ul li .hot-list-img img {display:block;width:100%;height:100%;} .hot-list-font {padding:10px 10px 5px 10px;} .hot-list-font h2 {font-size:0.875rem;color:#333;display:inline-block;font-weight:bold;width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .hot-list-font .price {font-size:1rem;color:#ED082E;margin-top:3px; font-weight: bold;} .hot-list-font .price1 span {font-size:0.625rem;color:#999;display:inline-block;margin-top: 5px;} .hot-list-font .price2 span {font-size:0.625rem;color:#666;display:inline-block;margin-top: 5px;} .hot-list-font .price span img {display:inline-block;width:10px;height:9px;position:relative;top:-1px;right:5px;} .hot-list-font .site {font-size:0.625rem;color:#9D9D9D;display:inline-block;width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top:5px;} .hot-list-font .site img {display:inline-block;width:9px;height:11px;margin-right:5px;} .save {border-top:1px dashed #9D9D9D;padding:10px 15px 10px 10px;display: -webkit-flex;display: flex;flex-wrap: nowrap;} .save .save-lable {display:inline-block;vertical-align:top;width:13px;height:13px;line-height:13px;} .save .save-lable img {display:inline-block;width:100%;height:100%;} .save .save-reason {display:inline-block;vertical-align:top;width:170px;margin-left:5px;font-size:0.625rem;color:#757575;} .hot-list ul li.swiper-slide-active {position:relative;top:-6px; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; } .hot-list ul li.swiper-slide-active .hot-list-img {height:120px;} .m_top {display:none;} /*国家*/ .nation {} .nation-top {display: -webkit-flex;display: flex;flex-wrap: nowrap;box-shadow:0px 0px 10px 0 #e2e2e2;position:relative;} .nation-le {display:block;width:77px;font-size:0.75rem;text-align:center;line-height:33px;height:33px;} .nation-re {display:block;width:272px;overflow:hidden;} .nation-re ul li {display:inline-block;font-size:0.75rem;height:33px;line-height:33px;width:67px;text-align:center;} .nation-re ul li.on {font-weight:bold;} .nation-re ul li.on:before {content:'';display:inline-block;width:100%;height:2px;background:#1F8CEB;position:absolute;left:0px;bottom:0;} .nation-re ul li.on:after {content:'';display:inline-block; width: 0;height: 0;border:6px solid;border-color: transparent transparent #1F8CEB;position:absolute;left:50%;bottom:0;margin-left:-6px;} .bntr {display:block;width:26px;text-align:center;line-height:33px;height:33px;box-shadow:-1px 0px 0px 0px #f3f3f3;} .bntr img {display:inline-block;width:8px;height:15px;position:relative;top:-2px;} .wconter-box {} .wpaging {display:block;text-align:center;font-size:1rem;padding:8px 0;} .nation-conter {display: -webkit-flex;display: flex;flex-wrap: nowrap;} .nation-conter-nav {display:block;width:25%;} .nation-conter-nav ul {background:#F5F6F6;} .nation-conter-nav ul li {font-size:0.875rem;color:#3F3F3F;text-align:center;height:40px;line-height:40px;} .nation-conter-nav ul li.on {background:#fff;color:#1F8CEB;font-weight:bold;} .nation-conter-box {display:block;width:297px;height:350px;overflow:hidden;padding:10px;} /*国家概述*/ .nation-list {overflow-y:auto;max-height:75%;} .nation-list ul li + li {margin-top:10px;} .nation-list ul li a {display: -webkit-flex;display: flex;flex-wrap: nowrap;display:block;} .nation-list ul li a .nation-img {float:left;width:35%;height:75px;vertical-align:top;} .nation-list ul li a .nation-img img {display:block;width:100%;height:100%;} .nation-list ul li a .nation-font {float:left;width:62%;margin-left:3%;} .nation-list ul li a .nation-font h2 {font-size:0.6875rem;color:#3D3D3D;font-weight:bold;} .nation-list ul li a .nation-font p { font-size:0.625rem; color:#666666; margin-top: 5px; line-height: 18px; text-indent:1rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } /*具体国家概述*/ .state-box {} .state-sum {} .state-sum a {display: -webkit-flex;display: flex;flex-wrap: nowrap;display:block;} .state-sum a .nation-img {float:left;width:100px;height:75px;vertical-align:top;} .state-sum a .nation-img img {display:block;width:100px;height:75px;} .state-sum a .nation-font {float:left;width:155px;margin-left:8px;} .state-sum a .nation-font h2 {font-size:0.6875rem;color:#3D3D3D;font-weight:bold;} .state-sum a .nation-font p { font-size:0.75rem; color:#666666; margin-top: 5px; line-height: 18px; text-indent:1rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .state-list {margin-top:5px;} .state-list ul li {border-bottom:1px solid #E4E4E4;padding:6px 0 6px 10px;position:relative;} .state-list ul li:before {content:"";display:inline-block;width:3px;height:3px;background:#323232;border-radius:50%;position:absolute;left:0;top:15px;} .state-list ul li a {font-size:0.75rem;color:#323232;} .state-list ul li.boe {border:none;margin-top:5px;} .state-list ul li.boe:before {background:#fff;} /*问答*/ .faqs-box {overflow-y:auto;max-height:305px; padding-right: 8px;} .faqs-box ul li {padding:10px 0;border-bottom:1px solid #E4E4E4;} .faqs-box ul li a {display:block;} .faqs-box ul li a .qs {display: -webkit-flex;display: flex;flex-wrap: nowrap;} .faqs-box ul li a .qs img {display:inline-block;width:14px;height:14px;position: relative; top: 2px;} .faqs-box ul li a .qs span {line-height: 18px; font-size:0.875rem;color:#3F3F3F;font-weight:bold;width:244px;margin-left:8px} .faqs-box ul li a .fa {display: -webkit-flex;display: flex;flex-wrap: nowrap;margin-top:5px;} .faqs-box ul li a .fa img {display:inline-block;width:14px;height:14px;position: relative; top: 2px;} .faqs-box ul li a .fa span {font-size:0.625rem;color:#666;display:block;width:244px;margin-left:8px; line-height: 18px; } .faqs-box ul li.hide a .fa span{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;} /*问答点击展示详情*/ .y_faqsBox{ display: none; width: 90%; position: fixed; left: 50%; z-index: 100; margin-left: -45%; top: 50%; margin-top: -35%; max-height: 70%; background: #fff; border-radius: 5px;} .y_faqsBox_bg{display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed;left: 0px; top: 0px; z-index: 98;} .y_faqsBox_main{width: 100%; height: 100%;} .y_faqsBox_title{position: relative; height: 44px; background: #F3F6FF; border-bottom: 1px solid #DAE4F5; position: relative; text-align: center;} .y_faqsBox_title span{line-height: 44px; display: inline-block; font-size: 1.125rem; color: #171C23; font-weight: bold;} .y_faqsBox_title em{display: inline-block;line-height: 44px; font-size: 1.125rem; color: #171C23; font-weight: bold;} .y_faqsBox_title i{width: 2px; height: 18px; position: relative; top: 2px; margin: 0 5px; background: #171C23;display: inline-block;} .y_faqsBox_title .y_faqsBox_gb{position: absolute; right: 0px; top: -12px; background:#F3F6FF; width:30px; height: 30px; border-radius: 100%; display: block; text-align: center;line-height: 25px;} .y_faqsBox_title .y_faqsBox_gb img{ width: 18px; height: 18px;display: inline-block;} .y_faqsBox_bottom{width: 100%; padding: 12px 13px;} .y_faqsBox_main .y_boxq i{display: block; width: 16px; height: 16px; float: left; text-align:center; line-height: 18px; position: relative; top: -1px;} .y_faqsBox_main .y_boxq i img{width: 100%; height: 100%;} .y_faqsBox_main .y_boxq span{display: block; width: 90%; float: left;font-size: 0.875rem; color: #171C23; font-weight: bold; margin-left:5px;} .y_faqsBox_main .y_boxa{margin-top: 10px;} .y_faqsBox_main .y_boxa i{display: block; width: 16px; height: 16px; float: left; text-align:center; line-height: 18px; position: relative; top: -1px;} .y_faqsBox_main .y_boxa i img{width: 100%; height: 100%;} .y_faqsBox_main .y_boxa span{width: 93%; padding-right: 8px; float: left;font-size: 0.75rem; color: #404040; font-weight: bold; margin-left:5px; line-height: 18px;} .y_faqsBox_main .y_boxa span{overflow-y:auto; overflow-x:hidden; max-height: 280px;}