pfhwyigou/mobile/web/css/news/knowledge.css

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;}