.pn-location{margin-bottom: 30px}
.pn-location .row [class*='col-']{margin-bottom: 30px}
.pn-location .row [class*='col-'] .pn-image:before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;background: linear-gradient(to bottom, rgba(103,158,255,1) 0%,rgba(110,178,248,1) 100%); z-index: 1; }
.pn-location .row [class*='col-'] .pn-image:after{content: ""; position: absolute;background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(0,0,0,0.2) 100%); transform: skewX(-30deg); width: 70%; height: 100%; left: 13%; top: 0; z-index: 2;opacity: 0.4}
.pn-location .row [class*='col-'] .pn-image span{position: absolute; text-transform: uppercase; z-index: 3; font-size: 26px; line-height: 31px; font-weight: bold; width: 100%; left: 0; text-align: center; top: 50%; transform: translateY(-50%); color: #fff}
.pn-location .row [class*='col-'] .pn-image img{position: relative;z-index: 2;opacity: 0.3}
/**/
.pn-result-filter{background-color: #f2f5fa;padding: 10px 25px 15px 25px;margin: -45px 0 15px 0}
.pn-result-filter > p{font-size: 18px;line-height: 25px;font-weight: bold;}
.pn-result-filter div span{display: inline-block;margin-right: 5px;}
/**/
.pn-sidebar .pn-group{margin-bottom: 30px;border: 1px solid #eceff4;padding: 20px 20px 0 20px}
.pn-sidebar .pn-group h3{margin: 0}
.pn-sidebar .pn-group h3 span{display: inline-block;font-size: 20px;line-height: 25px;color: #017ffe;font-weight: bold;border-bottom: 1px solid #00d4ae;border-bottom-right-radius: 20px;min-width: 225px;text-align: right}
.pn-sidebar .pn-group h3 span strong{display: inline-block; color: #fff; padding: 8px 20px 7px 20px; position: relative; margin: 0 -5px -1px 20px;z-index: 1;min-width: 130px;text-align: left}
.pn-sidebar .pn-group h3 span strong:before,.pn-sidebar .pn-group h3 span strong:after{content: ""; position: absolute;  bottom: 0px; left: 0; width: 100%; height: 100%; border-radius: 10px 10px 10px 0; transform: skewX(-30deg); z-index: -1}
.pn-sidebar .pn-group h3 span strong:before{background-color: #00d4ae}
.pn-sidebar .pn-group h3 span strong:after{background: linear-gradient(to right, rgba(255, 255, 255, 0) 54%, rgba(255, 255, 255, 0.6) 100%);height: calc(100% + 1px)}
.pn-sidebar .pn-group ul{list-style: none;padding-left: 0;margin-bottom: 0;display: flex;flex-wrap: wrap;margin: 0 -5px}
.pn-sidebar .pn-group ul li{width: 50%;padding: 12.5px 5px;font-size: 16px;line-height: 21px;color: #24303d}
.pn-sidebar .pn-group ul li{border-bottom: 1px solid #f2f5fa}
.pn-sidebar .pn-group:not(.pn-news) ul li:is(:last-child,:nth-last-child(2)){border-bottom: none}
.pn-sidebar .pn-group ul li.active > a{color: #017ffe}
.pn-sidebar .pn-group.pn-news ul{margin: 0}
.pn-sidebar .pn-group.pn-news ul li{width: 100%;display: flex;flex-wrap: nowrap;padding: 15px 0;border-bottom: none}
.pn-sidebar .pn-group.pn-news ul li:not(:first-child){border-top: 1px solid #f2f5fa}
.pn-sidebar .pn-group.pn-news ul li .pn-image{width: 40%}
.pn-sidebar .pn-group.pn-news ul li .pn-content{width: 60%;padding-left: 20px}
.pn-sidebar .pn-group.pn-news ul li .pn-content .pn-name{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;color: #24303d;font-size: 16px;line-height: 26px;margin-bottom: 5px}
.pn-sidebar .pn-group.pn-news ul li .pn-content .pn-name:hover{color: #017ffe}
.pn-sidebar .pn-group.pn-news ul li .pn-content strong{display: block;color: #ff5848;font-size: 16px;line-height: 21px;margin-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.pn-sidebar .pn-group.pn-news ul li .pn-content span{font-size: 12px;line-height: 12px;color: #24303d;display: block}
.pn-sidebar .pn-group.pn-news.pn-most{background: linear-gradient(to bottom, rgba(228,242,253,1) 0%,rgba(236,242,255,1) 100%)}
/**/
.pn-result{padding: 25px;background-color: #f2f5fa;margin-bottom: 30px}
.pn-result .pn-top-result{margin-bottom: 30px}
.pn-result .pn-top-result strong{float: left;font-size: 26px;line-height: 36px;color: #24303d}
.pn-result .pn-top-result ul{list-style: none;padding-left: 20px;margin-bottom: 0;float: left}
.pn-result .pn-top-result ul li{margin-left: 30px;font-size: 16px;line-height: 21px;float: left;margin-top: 12px}
.pn-result .pn-top-result ul li label{font-weight: normal;cursor: pointer;margin-bottom: 0}
.pn-result .pn-top-result ul li label:hover{color: #017ffe}
.pn-result .pn-top-result ul li label input{display: none}
.pn-result .pn-top-result .pn-sort{float: right;height: 45px;border: 1px solid #017ffe;border-radius: 0;position: relative;width: 20%;background-color: #fff;cursor: pointer}
.pn-result .pn-top-result .pn-sort:before{font-family: "FontAwesome";content: "\f1de";position: absolute;left: 7px; font-size: 20px; height: 100%; line-height: 43px}
.pn-result .pn-top-result .pn-sort > span{display: block; height: 100%; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; line-height: 19px; padding: 12px 5px 12px 35px}
.pn-result .pn-top-result .pn-sort ul{background-color: #fff;list-style: none;padding: 10px 0;margin-bottom: 0;position: absolute;left: -1px;top: 100%;z-index: 10;border: 1px solid #017ffe;right: -1px;display: none}
.pn-result .pn-top-result .pn-sort ul li{cursor: pointer;display: block;width: 100%;margin: 0;font-size: 14px; padding: 5px 10px;line-height: 19px}
.pn-result .pn-wrapper-item .pn-item .pn-content{background-color: #fff;padding-right: 60px;position: relative;z-index: 2}
.pn-result .pn-wrapper-item .pn-item .pn-content .pn-image{float: left;width: 205px}
.pn-result .pn-wrapper-item .pn-item .pn-content > div{padding: 20px 0 0 20px;width: calc(100% - 205px);float: left}
.pn-result .pn-wrapper-item .pn-item .pn-content .pn-name{text-transform: uppercase;font-weight: bold;font-size: 16px;line-height: 24px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;margin-bottom: 10px}
.pn-result .pn-wrapper-item .pn-item .pn-content .pn-name + strong{display: block;font-size: 20px;line-height: 25px;font-weight: bold;color: #ff5848}
.pn-result .pn-wrapper-item .pn-item .pn-content ul{position: absolute;list-style: none;padding-left: 0;right: 15px;width: 33px;top: 7px;margin-bottom: 0}
.pn-result .pn-wrapper-item .pn-item{margin-bottom: 10px;padding: 0 20px 20px 20px;border-radius: 20px;position: relative}
.pn-result .pn-wrapper-item .pn-item > span{display: inline-block;padding: 10px 50px 9px 50px;font-size: 20px;line-height: 25px;font-weight: bold;position: relative;z-index: 1;margin: 0 0 10px -20px;border-radius: 20px 0 50px 0;text-transform: capitalize}
.pn-result .pn-wrapper-item .pn-item > span:before{content: "";position: absolute;width: 35px;height: 35px;background-size: contain;background-repeat: no-repeat;left: 5px;top: 4px}
.pn-result .pn-wrapper-item .pn-item:not(.pn-item-default):before,.pn-result .pn-wrapper-item .pn-item:not(.pn-item-default):after{content: "";position: absolute}
.pn-result .pn-wrapper-item .pn-item.pn-item-diamond:before{background: linear-gradient(to right, rgba(246,226,195,1) 0%,rgba(255,249,243,1) 41%,rgba(255,230,199,1) 100%);left: 0;top: 0;width: 100%;height: 100%;border-radius: 20px;z-index: 1}
.pn-result .pn-wrapper-item .pn-item.pn-item-diamond:after{background: linear-gradient(to right, rgba(255,200,130,1) 0%,rgba(255,255,255,1) 50%);left: -1px;top: -1px;right: -1px;bottom: -1px;border-radius: 20px}
.pn-result .pn-wrapper-item .pn-item.pn-item-diamond > span{color: #854600;background: linear-gradient(to right, rgba(183,130,68,1) 0%,rgba(224,186,126,1) 38%,rgba(248,219,163,1) 100%)}
.pn-result .pn-wrapper-item .pn-item.pn-item-diamond > span:before{background-image: url('../images/diamond.png')}
.pn-result .pn-wrapper-item .pn-item.pn-item-gold:before{background: linear-gradient(to right, rgba(255,238,228,1) 0%,rgba(255,244,238,1) 51%,rgba(253,248,246,1) 100%);left: 0;top: 0;width: 100%;height: 100%;border-radius: 20px;z-index: 1}
.pn-result .pn-wrapper-item .pn-item.pn-item-gold:after{background: linear-gradient(to right, rgba(251,199,124,1) 0%,rgba(255,255,255,1) 50%);left: -1px;top: -1px;right: -1px;bottom: -1px;border-radius: 20px}
.pn-result .pn-wrapper-item .pn-item.pn-item-gold > span{color: #fff;background: linear-gradient(to right, rgba(255,142,87,1) 0%,rgba(250,202,126,1) 100%)}
.pn-result .pn-wrapper-item .pn-item.pn-item-gold > span:before{background-image: url('../images/gold.png')}
.pn-result .pn-wrapper-item .pn-item.pn-item-silver:before{background: linear-gradient(to right, rgba(229,226,247,1) 0%,rgba(218,240,254,1) 50%,rgba(238,247,255,1) 100%);left: 0;top: 0;width: 100%;height: 100%;border-radius: 20px;z-index: 1}
.pn-result .pn-wrapper-item .pn-item.pn-item-silver:after{background: linear-gradient(to right, rgba(145,210,255,1) 0%,rgba(255,255,255,1) 50%);left: -1px;top: -1px;right: -1px;bottom: -1px;border-radius: 20px}
.pn-result .pn-wrapper-item .pn-item.pn-item-silver > span{color: #fff;background: linear-gradient(to right, rgba(118,147,249,1) 0%,rgba(129,179,250,1) 50%,rgba(147,214,255,1) 100%)}
.pn-result .pn-wrapper-item .pn-item.pn-item-silver > span:before{background-image: url('../images/silver.png')}
.pn-result .pn-wrapper-item .pn-item.pn-item-default{padding-bottom: 0}
.pn-result .pn-wrapper-item .pn-item.pn-item-default:before,.pn-result .pn-wrapper-item .pn-item.pn-item-default:after{display: none}
.pn-result .pn-wrapper-item .pn-item .pn-content ul li{width: 100%}
.pn-result .pn-wrapper-item .pn-item.pn-item-default ul li:not(:first-child){display: none}
.pn-result .pn-wrapper-item .pn-item.pn-item-default ul li:first-child{padding-bottom: 0;margin-bottom: 0;border-bottom: 0}
.pn-result .pn-wrapper-item .pn-item .pn-content ul li span,.pn-result .pn-wrapper-item .pn-item .pn-content ul li a{width: 33px;height: 33px;background-color: #f2f5fa;border-radius: 100px;display: flex;align-items: center;justify-content: center;color: #017ffe;cursor: pointer}
.pn-result .pn-wrapper-item .pn-item .pn-content ul li .js-like-post.active{background-color: #017ffe;color: #fff}
.pn-result .pn-wrapper-item .pn-item .pn-content .pn-properties{padding-top: 20px}
.pn-result .pn-wrapper-item .pn-item .pn-content .pn-properties span{float: left;font-size: 12px;line-height: 17px;color: #24303d;background-color: #f2f5fa;position: relative;padding: 9px 10px 9px 35px;margin-bottom: 5px}
.pn-result .pn-wrapper-item .pn-item .pn-content .pn-properties span:not(:last-child){margin-right: 5px}
.pn-result .pn-wrapper-item .pn-item .pn-content .pn-properties span:before{content: "";position: absolute;background-image: url('../images/icon.png');background-repeat: no-repeat;left: 10px;top: 50%;transform: translateY(-50%)}
.pn-result .pn-wrapper-item .pn-item .pn-content .pn-properties span.pn-properties-location:before{width: 14px;height: 20px;background-position: -21px 0}
.pn-result .pn-wrapper-item .pn-item .pn-content .pn-properties span.pn-properties-acreage:before{width: 19px; height: 18px; background-position: 0 -42px}
.pn-result .pn-wrapper-item .pn-item .pn-content .pn-properties span.pn-properties-time:before{width: 19px; height: 19px; background-position: 0 -81px}
.pn-wrapper-pagination{text-align: left;margin-top: 30px;padding: 0 20px}
.pn-wrapper-pagination .pagination>li:not(.active)>a{background-color: #fff !important}
.pn-wrapper-pagination .pagination>li>a:hover{background-color: #017ffe !important}
/**/
.pn-popup-receive-information{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1000}
.pn-popup-receive-information .pn-title{font-size: 25px;line-height: 30px;font-weight: bold;color: #017ffe;margin-bottom: 30px}
.pn-popup-receive-information:not(.active){display: none}
.pn-popup-receive-information > span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5)}
.pn-popup-receive-information .pn-content{background-color: #fff;width: 500px;padding: 30px;border-radius: 10px;margin: 50px auto;position: relative;z-index: 1}
.pn-popup-receive-information .pn-content .form-control{box-shadow: none;height: 40px;border: 1px solid #ddd;box-shadow: none}
.pn-popup-receive-information .pn-content .pn-button{border-radius: 5px}
@media only screen and (min-width: 1500px){
    .pn-result .select2-container{width: 195px !important}
}
@media only screen and (max-width: 1499px){
    .pn-result .pn-top-result strong{font-size: 20px;line-height: 30px;margin-top: 5px}
    .pn-result .pn-top-result ul{padding-left: 0}
    .pn-sidebar .pn-group.pn-news ul li .pn-content .pn-name{font-size: 14px;line-height: 22px;margin-bottom: 0}
    .pn-sidebar .pn-group.pn-news ul li .pn-content strong{font-size: 14px;line-height: 19px;margin-bottom: 5px}
}
@media only screen and (max-width: 1199px){
    .pn-result .pn-top-result strong{display: block;float: none;margin: 0 0 10px 0}
    .pn-result .pn-top-result ul li{margin: 12px 20px 0 0}
    .pn-sidebar .pn-group h3 span{font-size: 17px}
    .pn-sidebar .pn-group.pn-news ul li .pn-content{padding-left: 10px}
    .pn-result .pn-wrapper-item .pn-item .pn-content .pn-name,.pn-sidebar .pn-group.pn-news ul li .pn-content .pn-name{ -webkit-line-clamp: 1;margin-bottom: 5px}
    .pn-sidebar .pn-group.pn-news ul li .pn-content strong{margin-bottom: 10px}
    .pn-location .row [class*='col-'] .pn-image span{font-size: 20px}
    .pn-result .pn-top-result .pn-sort{width: 30%}
}
@media only screen and (min-width: 992px){
    .pn-sidebar .pn-group.pn-news ul li:nth-child(6){display: none}
}
@media only screen and (max-width: 991px){
    .pn-location{margin-bottom: 0}
    .pn-result-filter{margin-top: -15px;}
    .pn-filter .pn-wrapper-col > div{padding: 0}
    .pn-filter .pn-wrapper-col .pn-background:before{display: none}
    .pn-result .select2-container{width: 180px !important}
    .pn-result{padding: 0;background-color: transparent}
    .pn-sidebar .pn-group.pn-news ul{margin: 0 -5px}
    .pn-sidebar .pn-group.pn-news ul li{padding: 10px 5px;width: 50%}
    .pn-sidebar .pn-group h3{margin-bottom: 10px}
    .pn-sidebar .pn-quancao{display: none}
    .pn-sidebar .pn-group:not(.pn-news) .pn-list-value li{width: 25%}
    .pn-sidebar .pn-group ul li{border-bottom: none}
    .pn-group.pn-news{padding-bottom: 15px}
    
}
@media only screen and (min-width: 768px){
    .pn-result .pn-wrapper-item .pn-item .pn-content ul li:not(:last-child){padding-bottom: 5px;border-bottom: 1px solid #f2f5fa;margin-bottom: 5px}
}
@media only screen and (max-width: 767px){
    .pn-result{padding: 15px 0 0 0;background-color: transparent;border-top: 1px solid #f2f5fa}
    .pn-result .pn-wrapper-item .pn-item-diamond .pn-content,.pn-result .pn-wrapper-item .pn-item-gold .pn-content,.pn-result .pn-wrapper-item .pn-item-silver .pn-content{padding-right: 0}
    .pn-result .pn-wrapper-item .pn-item-diamond .pn-content ul,.pn-result .pn-wrapper-item .pn-item-gold .pn-content ul,.pn-result .pn-wrapper-item .pn-item-silver .pn-content ul{position: inherit; width: auto; display: flex; flex-wrap: nowrap}
    .pn-result .pn-wrapper-item .pn-item-diamond .pn-content ul li,.pn-result .pn-wrapper-item .pn-item-gold .pn-content ul li,.pn-result .pn-wrapper-item .pn-item-silver .pn-content ul li{width: auto;margin: 10px 15px 0 0}
    .pn-result .pn-wrapper-item .pn-item .pn-content > div,.pn-result .pn-wrapper-item .pn-item .pn-content .pn-properties{padding-top: 10px}
    .pn-result .pn-wrapper-item .pn-item.pn-item-default{padding: 0}
    .pn-location .row{display: flex;justify-content: center;flex-wrap: wrap}
    .pn-wrapper-pagination{padding: 0}
}
@media only screen and (max-width: 680px){
    .pn-result .pn-wrapper-item .pn-item > span{font-size: 18px}
    .pn-result .pn-wrapper-item .pn-item .pn-content .pn-name{font-size: 14px;margin-bottom: 5px}
    .pn-result .pn-wrapper-item .pn-item .pn-content .pn-name + strong{font-size: 16px}
    .pn-group.pn-news:not(.pn-most){padding: 0;border: none}
    .pn-sidebar .pn-group:not(.pn-news) .pn-list-value li{width: 50%}
}
@media only screen and (max-width: 570px){
    .pn-location .row [class*='col-']{width: 100%;margin-bottom: 15px}
    .pn-result .pn-wrapper-item .pn-item > span{font-size: 16px}
    .pn-result .pn-top-result strong{text-align: center}
    .pn-result .pn-top-result ul li{font-size: 14px;padding: 0 5px;text-align: center}
    .pn-result .pn-top-result .pn-sort{width: 50%;float: none;margin: 0 auto}
    .pn-result .select2-container{width: 100% !important}
    .pn-result .pn-top-result ul{display: flex;float: none}
    .pn-result .pn-top-result ul li{font-size: 16px; margin: 0 0 15px 0; width: calc(100% / 3); padding-right: 10px}
    .pn-result .pn-top-result .pn-sort ul li{text-align: left}
    .pn-result .pn-wrapper-item .pn-item .pn-content .pn-image{width: 150px}
    .pn-result .pn-wrapper-item .pn-item .pn-content > div{width: calc(100% - 150px);padding-right: 10px;}
    .pn-result .pn-wrapper-item .pn-item .pn-content .pn-name, .pn-sidebar .pn-group.pn-news ul li .pn-content .pn-name{-webkit-line-clamp: 2;font-weight: bold}
    .pn-popup-receive-information .pn-content{width: 90%}
    .pn-sidebar .pn-group.pn-news ul li{width: 100%}
}
@media only screen and (max-width: 480px){
    .pn-result .pn-wrapper-item .pn-item .pn-content{padding-right: 0}
    .pn-result .pn-wrapper-item .pn-item .pn-content .pn-image{width: 100%;float: none;margin-bottom: 15px}
    .pn-result .pn-wrapper-item .pn-item .pn-content .pn-image img{min-width: 100%}
    .pn-result .pn-wrapper-item .pn-item .pn-content > div{width: 100%}
    .pn-result .pn-wrapper-item .pn-item:not(.pn-item-default) .pn-content > div{padding: 0 10px 10px 10px}
    .pn-result .pn-wrapper-item .pn-item.pn-item-default .pn-content > div{padding: 0}
    .pn-wrapper-pagination{text-align: center}
}
@media only screen and (max-width: 370px){
    .pn-popup-receive-information .pn-content{padding: 30px 15px}
    .pn-popup-receive-information .pn-title{font-size: 20px;line-height: 25px;margin-bottom: 15px}
    .pn-popup-receive-information .pn-content .pn-button{width: 100%;margin-top: 15px;font-size: 15px}
    .pn-sidebar .pn-group h3 span{font-size: 15px;min-width: inherit}
    .pn-sidebar .pn-group.pn-news ul li .pn-content{width: calc(100% - 100px)}
    .pn-sidebar .pn-group{padding: 0;border: none}
    .pn-sidebar .pn-group.pn-news.pn-most{background: #fff}
}