pfhwyigou/frontend/web/css/news/knowledge.css

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