*, ::after, ::before {
	box-sizing: border-box;
}
input:focus {
	border: none;
	outline: none;
}
body {
	background-color: #f4f4f4;
}
ul, li, input, span, p {
	padding: 0;
	margin: 0;
	list-style: none;
}
body, html {
	padding: 0;
	margin: 0;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
	display: block;
}
header {
	width: 100%;
	float: left;
	background: #225ebb url(../images/main-bg.jpg) no-repeat center top;
	height: auto;
	padding-bottom: 2%;
}
.container {
	max-width: 1440px;
	width: 100%;
	margin: auto;
}
.header-top {
	width: 100%;
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
}
.top-logo {
	float: left;
}
.top-logo img {
	height: 60px;
}
.top-login {
	float: right;
	margin-top: 1%;
}
.top-login ul li {
	float: left;
	background-color: #F90;
	border: solid 1px #F90;
	margin-left: 10px;
	height: 35px;
	line-height: 30px;
	border-radius: 30px;
}
.top-login ul li:hover {
	background-color: #fff;
	border: solid 1px #fff;
}
.top-login ul li:hover a {
	color: #F90;
}
.top-login ul li.on {
	opacity: .5
}
.top-login ul li a {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 20px;
}
.header-search {
margin:auto;
}
.header-search-0 {
	width: 100%;
	float: left;
	text-align: center;
	color: #fff;
	font-size: 18px;
	margin-top: 1%;
}
#history1{ text-align:left;}
.header-search-1 {
	width: 100%;
	float: left;
	font-size: 40px;
	color: #fff;
	text-align: center;
}
.header-search-2 {
	width: 100%;
	float: left;
}
.bodys {
	width: 100%;
	float: left;
	margin-top: -5px;
}
.searchbox {
	width: 100%;
	height: 80px;
	margin: 3% auto 0 auto;
}
.searchbox ul {
	height: 35px;
	width: 100%;
	list-style: none;
	text-align: center;
	margin: auto;
	text-align: center;
}
.searchbox ul li {
	padding: 0;
	margin: 0;
	display: contents;
}
.searchbox ul li a {
	padding: 10px 30px;
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	border-radius: 6px 6px 0 0;
}
.searchbox ul li .style1 {
	background-color: #fff;
	color: #0084ff
}
.searchbox ul li .style2 {
	background-color: #fff;
	color: #0084ff
}
.searchbox ul li .style3 {
	color: #0084ff
}
.bodys input {
	height: 65px;
	line-height: 65px;
	width: 80%;
	text-indent: 50px;
	float: left;
	border-radius: 6px 0 0 6px;
	font-size: 16px;
	background-image: url(../images/insearch-btn3.png);
	background-repeat: no-repeat;
	background-position: 20px center;
}
.bodys .one {
	border: none
}
.bodys .two {
	border: none
}
.bodys .three {
	border: none
}
.bodys .one1 {
	background-color: #F90;
	width: 20%;
	height: 65px;
	line-height: 65px;
	border-radius: 0 6px 6px 0;
}
.bodys .two2 {
	background-color: #F90;
	width: 20%;
	height: 65px;
	line-height: 65px;border-radius: 0 6px 6px 0;
}
.bodys .three3 {
	background-color: #F90;
	width: 20%;
	height: 65px;
	line-height: 65px;
}
.bodys button {
	float: left;
	border: 0;
	height: 45px;
	line-height: 45px;
	color: #000;
	width: 100%;
	font-size: 20px;
	text-align: center;
	letter-spacing: 2px;
	overflow: hidden;
}
.card-body-img {
	background-color: #999;
	height: 300px;
	width: 100%;
}
.card-body {
	width: 100%;
	float: left;
}
.laguan {
	width: 10%;
	float: left;
	margin-top: 0%;
	border-bottom: solid 1px #f3f3f3;
}
.laguan span:last-child {
	border-bottom: none;
}
.bodyp {
	width: 100%;
	float: left;
	padding-top: 2%;
}
.bodyp ul a {
	color: #fff;
	background-color: rgba(255,255,255,.5);
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 15px;
	padding-left: 25px;
	padding-right: 25px;
	font-size: 14px;
	margin-right: 10px;display: inline-block;
margin-bottom: 10px;
}
.bodyp ul a:hover {
	background-color: rgba(255,255,255,1);
	color: #0084ff;
}
.main-1 {
	width: 100%;
	float: left;
	margin-top: 3%;
}
.main-1 ul {
	margin: -10px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.main-1 ul li {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
	padding: 10px;
}
.main-1 ul li a {
	margin-right: 5%;
	padding: 5%;padding-top:10%;padding-bottom:10%;
	border-radius: 6px;
	width: 100%;
	float: left;
	background-color: #fff;
}
.main-1 ul li .a-1 {
	width: 25%;
	float: left;
	background-color: #06F;
	border-radius: 10%;
	padding: 3%;
}
.main-1 ul li:nth-child(1) .a-1 {	background-color: #fff4e6;}
.main-1 ul li:nth-child(2) .a-1 {	background-color: #e2edff;}
.main-1 ul li:nth-child(3) .a-1 {	background-color: #e8e0fc;}
.main-1 ul li:nth-child(4) .a-1 {	background-color: #dcf7f6;}
.main-1 ul li:nth-child(5) .a-1 {	background-color: #ffe6b7;}
.main-1 ul li .a-1 img {
	max-width: 100%;
}
.main-1 ul li .a-2 {
	width: 70%;
	float: right;
}
.main-1 ul li .a-2 span {
	float: left;
	font-size: 18px;
	color: #333;
	width: 100%;
	float: left;
	font-weight: bold;
}
.main-1 ul li .a-2 p {
	float: left;
	font-size: 12px;
	color: #999;
	margin-top: 10px;
}
.main-2 {
	width: 100%;
	float: left;
	background-color: #06F;
	min-height: auto;
	margin-top: 2%;
}
.main-2 img {
	max-width: 100%;
}
.main-3 {
	width: 100%;
	float: left;
	margin-bottom: 2%;
	margin-top: 2%;
}
.main-3 ul {
	margin: -10px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.main-3 ul li {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
	padding: 10px;
}
.main-3 ul li a {
	margin-right: 5%;
	padding: 5%;
	border-radius: 6px;
	width: 100%;
	float: left;background-color: #fff;
}
.main-3 ul li .a-1 {
	width: 20%;
	float: left;
}
.main-3 ul li .a-1 img {
	max-width: 100%;
}
.main-3 ul li .a-2 {
	width: 75%;
	float: right;
}
.main-3 ul li .a-2 span {
	float: left;
	font-size: 18px;
	color: #333;
	width: 100%;
	float: left;
}
.main-3 ul li .a-2 p {
	float: left;
	font-size: 14px;
	color: #999;
	margin-top: 10px;
}
.main-4 {
	width: 100%;
	float: left;
	margin-top: 2%;
	background-color: #fff;
	padding-bottom: 2%;
}
.laguan {
	float: left;
	margin-top: 0%;
	border-bottom: solid 1px #f3f3f3;
	border: solid 1px #f3f3f3;
	height: 400px;
}
.laguan span {
	width: 100%;
	font-size: 15px;
	float: left;
	text-align: center;
	height: 50px;
	line-height: 50px;
	border-bottom: solid 1px #f3f3f3;
	cursor: pointer;
}
.laguan span.on {
	border-bottom: solid 2px #4390ff;
	color: #fff;
	background-color: #4390ff;
	font-weight: bold;
}
.laguan-con {
	width: 87%;
	float: right;
	margin-top: 0px;
	height: 400px;
	overflow-x: hidden;
}
.laguan-cont {
	padding-top: 2%;
	padding-bottom: 1%;
	overflow: hidden;
	padding-left: 2%;
	padding-right: 2%;
}
.laguan-con ul li {
	width: 20%;
	float: left;
	margin-bottom: 20px;
	cursor: pointer;
}
.laguan-con ul li span {
	float: left;
}
.laguan-con ul li p {
	float: left;
	padding-left: 10px;
	line-height: 15px;
	font-size: 15px;
	color: #666;
}
.laguan-con li.on p {
	color: #4390ff;
}
.laguan-con ul li img {
	height: 12px;
	vertical-align: super;
}
.card-body-1 {
	border: solid 1px #f3f3f3;
	overflow: hidden;
}
.searchres {
	width: 100%;
	float: left;
	height: auto;
	margin-top: 3%;
	margin-bottom: 3%;
}
.searchres_left {
	width: 20%;
	float: left;
}
.sear-1 {
	width: 100%;
	height: auto;
	float: left;
	background-color: #fff;
}
.sear-1-title {
	width: 100%;
	float: left;
	font-size: 16px;
	text-indent: 20px;
	padding-top: 5%;
}
.sear-1-conta {
	width: 100%;
	float: left;
}
.searchres_right {
	width: 77%;
	float: right;
	background-color: #fff;
	padding: 2%;
}
.searchres_right-1 {
	width: 100%;
	float: left;
	text-align: right;
	border-bottom: solid 1px #f4f4f4;
	padding-bottom: 2%;
}
.searchres_right-2 {
	width: 100%;
	float: left;
	margin-top: 2%;
}
.showcustomhouse {
	width: 100%;
	float: left;
	text-align: left;
}
.showcustomhouse ul li {
	float: left;
	width: 100%;
	border-bottom: solid #f4f4f4 1px;
	margin-top: 20px;
	padding-bottom: 20px;
	position: relative;
}
.house-1 {
	float: left;
	width: 100%;
	font-size: 24px;
	color: #000000;
	word-break: break-all;
	white-space: initial;
	text-transform: capitalize;
}
.house-2 {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #999;
	font-size: 14px;
}
.house-2 span, .house-2 p {
	color: #333;
	font-weight: bold;
	float: left;
}
.house-2 i {
	float: left;
	font-style: normal;
	padding-left: 5px;
	padding-right: 5px;
}
.house-3 {
	float: left;
	width: 100%;
	margin-top: 10px;
	color: #666;
	font-size: 14px;
}
.house-3 i {
	color: #096efd;
	font-weight: bold;
}
.house-3 span {
	float: left;
}
.house-3 span i {
	background-color: #4390ff;
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 5px;
	border-radius: 5px
}
.house-3 span i img {
	margin-top: 2px;
}
.house-4 {
	float: left;
	width: 100%;
	margin-top: 10px;
	text-transform: capitalize;
}
.house-4 span {
	float: left;
	font-size: 14px;
}
.house-5 {
	float: left;
	width: 100%;
	margin-top: 10px;
	word-break: break-all;
	white-space: initial;
}
.house-5 span {
	float: left;
	font-size: 14px;
}
.house-5 p {
	font-size: 14px;
	color: #666;
}
.house-6 {
	float: left;
	margin-top: 20px;
	background-color: #4390ff;
	color: #fff;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 15px;
}
.showcusto {
	width: 100%;
	float: left;
	border-bottom: solid 1px #f3f3f3;
	padding-bottom: 10px;
	height: 40px;
	margin-top: 2%;
}
.showcustomhouse_lefta {
	width: 100%;
	float: left;
}
.showcustomhouse_left-1 {
	width: 70%;
	float: left;
}
.showcustomhouse_left-2 {
	width: 25%;
	float: right;
}
.showcustomhouse_left-2 a.on {
  border: solid 1px #ccc !important;
  color: #ccc !important;
}

.showcustomhouse_left-2 a {
	font-size: 14px;
	border: solid 1px #096efd;
	color: #096efd;
	float: right;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px; cursor:pointer;
}
.showcustomhouse_left-2 a:hover {
	background-color: #096efd;
	color: #fff;
}
.showcustomhouse_leftb {
	width: 100%;
	float: left;
}
.house-2 span {
	background-color: rgba(9,110,253,.1);
	font-weight: normal;
	padding-left: 15px;
	padding-right: 15px;
	height: 30px;
	line-height: 30px;
	border-radius: 30px;
}
.house-2 p i {
	color: #096efd;
	font-weight: bold;
}
.house-2 p {
	margin-left: 10px;
	background-color: rgba(9,110,253,.1);
	font-weight: normal;
	padding-left: 15px;
	padding-right: 15px;
	height: 30px;
	line-height: 30px;
	border-radius: 30px;
}
.date {
	float: right;
}
.date span {
	font-size: 14px;
	color: #666;
}
.searchres_right-1 i {
	color: #096efd;
	font-weight: bold;
}
.list-pagination {
	width: 100%;
	float: left;
	margin-top: 2%;
}
.list-pagination li {
	margin-left: 5px;
	margin-right: 5px;
}
.demo {
}
.demo img {
	width: 90%
}
.demo h3 {
	font-size: 1.5em;
	line-height: 1.9em
}
.col {
	margin-top: 20px
}
.col h4 {
	height: 40px;
	line-height: 40px
}
.opt {
	height: 35px;
	line-height: 18px
}
 @keyframes hover-color {
 from {
 border-color: #c0c0c0;
}
to {
	border-color: #3e97eb;
}
}
.magic-radio, .magic-checkbox {
	position: absolute;
	display: none;
}
.magic-radio[disabled], .magic-checkbox[disabled] {
	cursor: not-allowed;
}
.magic-radio + label, .magic-checkbox + label {
	position: relative;
	display: block;
	padding-left: 30px;
	font-size: 14px;
	color: #333;
	cursor: pointer;
	vertical-align: middle;
}
.magic-radio + label:hover:before,  .magic-checkbox + label:hover:before {
	animation-duration: 0.4s;
	animation-fill-mode: both;
	animation-name: hover-color;
}
.magic-radio + label:before,  .magic-checkbox + label:before {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	content: '';
	border: 1px solid #c0c0c0;
}
.magic-radio + label:after,  .magic-checkbox + label:after {
	position: absolute;
	display: none;
	content: '';
}
.magic-radio[disabled] + label, .magic-checkbox[disabled] + label {
	cursor: not-allowed;
	color: #e4e4e4;
}
.magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after,  .magic-checkbox[disabled] + label:hover,  .magic-checkbox[disabled] + label:before,  .magic-checkbox[disabled] + label:after {
	cursor: not-allowed;
}
.magic-radio[disabled] + label:hover:before,  .magic-checkbox[disabled] + label:hover:before {
	border: 1px solid #e4e4e4;
	animation-name: none;
}
.magic-radio[disabled] + label:before,  .magic-checkbox[disabled] + label:before {
	border-color: #e4e4e4;
}
.magic-radio:checked + label:before, .magic-checkbox:checked + label:before {
	animation-name: none;
}
.magic-radio:checked + label:after, .magic-checkbox:checked + label:after {
	display: block;
}
.magic-radio + label:before {
	border-radius: 50%;
}
.magic-radio + label:after {
	top: 7px;
	left: 7px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #3e97eb;
}
.magic-radio:checked + label:before {
	border: 1px solid #3e97eb;
}
.magic-radio:checked[disabled] + label:before {
	border: 1px solid #c9e2f9;
}
.magic-radio:checked[disabled] + label:after {
	background: #c9e2f9;
}
.magic-checkbox + label:before {
	border-radius: 3px;
}
.magic-checkbox + label:after {
	top: 2px;
	left: 7px;
	box-sizing: border-box;
	width: 6px;
	height: 12px;
	transform: rotate(45deg);
	border-width: 2px;
	border-style: solid;
	border-color: #fff;
	border-top: 0;
	border-left: 0;
}
.magic-checkbox:checked + label:before {
	border: #3e97eb;
	background: #3e97eb;
}
.magic-checkbox:checked[disabled] + label:before {
	border: #c9e2f9;
	background: #c9e2f9;
}

.checkbox_label{display: inline-block;width: 15px;height: 15px;box-sizing: border-box;border: 1px solid #dddddd;border-radius: 3px;cursor: pointer;}
.checkbox_label input{display: none;opacity: 0;}
.checkbox_label.harf{border-color: #096efd;background: url(../images/checkbox_label_0.png) #096efd no-repeat center;}
.checkbox_label.cur{border-color: #096efd;background: url(../images/checkbox_label_1.png) #096efd no-repeat center;}
.global_alert_box{position: fixed;top: 0;bottom: 0;right: 0;width: 400px;background: #fff;opacity: 0;transform: translate(100%, 0px);transform-origin: top right;transition: all 0.5s;z-index: 10002;}
.global_alert_box.cur{opacity: 1;transform: translate(0%, 0px);}
.global_alert_box .title{padding: 23px 20px 22px;}
.global_alert_box .title span{font-size: 30px;color: #000000;letter-spacing: 1px;float: left;max-width: calc( 100% - 20px );text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.global_alert_box .title .close{display: inline-block;width: 14px;height: 14px;background: url(../images/alert_close.png) no-repeat center/contain;float: right;margin-top: 8px;}
.global_alert_box .bottom_fix{position: absolute;left: 0;right: 0;bottom: 0;height: 88px;box-shadow: 0 0 13px rgba(18,41,75,0.1);box-sizing: border-box;padding: 20px;background: #fff;}
.global_alert_box .bottom_fix .checkbox_label_all{float: left;margin-top: 17px;margin-right: 10px;}
.global_alert_box .bottom_fix span{float: left;line-height: 48px;font-size: 14px;color: #666666;}
.global_alert_box .bottom_fix .btn{width: 50%;height: 48px;line-height: 48px;text-align: center;font-size: 14px;color: #2486EE;padding-left: 26px;border-radius: 2px;display: inline-block;box-sizing: border-box;float: right;background: #096efd;color: #fff;padding: 0;}
.global_alert_box .rows{margin-bottom: 17px;}




.country_tips{font-size: 14px;color: #999999;padding: 0 20px;width: 100%;float: left;}

.hide {display: none;}
.c-more:hover{color:#fff !important; background-color:#0084ff ;}
.collection.checked{color:#fff !important; background-color:#0084ff ;}
.exportdata.checked{color:#fff !important; background-color:#0084ff ;}
.c-more{width:90%;float:left; text-align:center;margin-left:5%;margin-bottom:20px; color:#0084ff !important; font-size:14px;padding: .8vw;padding-top:0;border:solid 1px #0084ff;padding-left:20px;padding-right:20px;padding-top:5px;padding-bottom:5px;  cursor:pointer;}
.collection:hover{color:#fff !important; background-color:#0084ff ;}
.collection{width:90%;float:left; text-align:center;margin-left:5%;margin-bottom:20px; color:#0084ff !important; font-size:14px;padding: .8vw;padding-top:0;border:solid 1px #0084ff;padding-left:20px;padding-right:20px;padding-top:5px;padding-bottom:5px;  cursor:pointer;}
.exportdata:hover{color:#fff !important; background-color:#0084ff ;}
.exportdata{width:90%;float:left; text-align:center;margin-left:5%;margin-bottom:20px; color:#0084ff !important; font-size:14px;padding: .8vw;padding-top:0;border:solid 1px #0084ff;padding-left:20px;padding-right:20px;padding-top:5px;padding-bottom:5px;  cursor:pointer;}
#div_mask{display:none;}
.choose-a{width:100%;float:left;margin-bottom:10px;padding: 0 20px;margin-top:5%; border-bottom:solid 1px #f4f4f4;padding-bottom:10px;}
.choose-a ul li{width:14.2%;float:left; text-align:center; position:relative;}
.choose-a ul li.on{ color:#096efd;}.choose-a ul li a{ font-size:14px; border-bottom:solid 1px #096efd;}
.choose-a ul li.on:before{ content:""; position:absolute;bottom:-10px; background-color: #096efd;width:50px;height:2px;left:0;}
.choose-b{width:100%;float:left;margin-top:0%;padding: 0 20px;}

.choose-b .opt{
width:100%;float:left;margin-bottom:5%;
display: inline-block;
border-radius: 3px;
background: #f9f9f9;
box-sizing: border-box;
padding: 0 10px;
font-size: 14px;
color: #666666;
height: 36px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
cursor: pointer;padding-top:10px;}

.global_alert_box {display:none;}
.choose-b .col{margin-top:0;}

.tic{display: inline-block;margin-top: 10px;transform: rotate(270deg);
margin-left:5px;
vertical-align: top;
border-color: #333 #fff #fff #fff;
            border-style: solid;
            border-width: 8px 5px 0 5px;}
.meber{float:right;margin-top:1%;padding-bottom: 30px;}
.meber-1{ background-color:#fff;height: 35px; position:relative;
line-height: 35px;
border-radius: 30px;padding-left:10px;padding-right:10px;}
.meber-1-a img{height:30px;}
.meber-1-a { font-size:14px;}
.meber-1-b{width:100%; position:absolute;top: 130%;left: 0;background-color: #fff; border-radius:5px; visibility:hidden;}
.meber-1-b a{width:100%;float:left;line-height:35px; font-size:14px; text-align:center; color:#333;}
.mebt{display: inline-block;margin-top: 12px;margin-left:5px;vertical-align: top;border-color: #333 #fff #fff #fff;border-style: solid;border-width: 8px 5px 0 5px;}
.meber-1-b a:hover{ color:#F90;}
.meber:hover .meber-1-b{ visibility:visible;}
.meber:hover .mebt{transform: rotate(180deg);}

.mebr{transform: rotate(180deg);display: inline-block;margin-top: -8px;margin-left:45%;vertical-align: top;border-color: #fff transparent transparent transparent;border-style: solid;border-width: 8px 5px 0 5px;}

#country{display:none ;}
.check_country{width:100%;float:left; text-align:center;display: flex;margin-top:2%;}
.check_country_name{display: block ruby; background-color:#fff;padding-left:30px;padding-right:30px;padding-top:5px;padding-bottom:5px;margin:auto; text-align:center; border-radius:30px;}
.check_country_name p a{padding-right:10px;}
#showmessage{}
.show-bg{ position:fixed; background-color:rgba(0,0,0,.5);width:100%;height:100%;left:0;top:0;}
.show-text{position:fixed; z-index:9;left:0;top:35%;height:auto;width: 100%;}
.show-text1{width:450px;margin:auto; background-color:#fff; border-radius:10px;padding-bottom:3%;height:300px;}

.show-text h2{ width:100%;float:left; background-color:#007bff; font-size:16px; text-align:center; color:#fff;height:50px;line-height:50px;border-radius: 10px 10px 0px 0px;}
.show-text-1{width:100%;float:left; text-align:center;margin-top:10px;}
.show-text-1 a{padding-left:10px;}
.show-text-2{width:100%;float:left; text-align:center;}
.show-text-2 a{padding-left:10px;}
.show-close{ position:absolute;top: 5%;right:0;width:100%;cursor: pointer;z-index: 99;text-align: center;}
.show-close img{margin:auto;float:right;padding-right:15px;height:20px;}
.show-text-1:nth-child(3){margin-top:20px;}
.show-text1{ position:relative;}
.LoginNo{float:left;padding-top:0;padding-right: 10px;padding-left: 10px;margin-top: -3px;display:none;}
.LoginNo .account-logo{margin-top:0 !important;width: 40px;
border-radius: 50%;
border: solid 2px #fff;}
.LoginNo1{float:left;}
.tc{float:left;margin-top:0;}
.LoginNo1 a span{ color:#333; font-size:14px; background-color:#fff; border-radius:30px;padding-left:20px;padding-right:20px;padding-top:5px;padding-bottom:5px;height: 35px;line-height: 25px;}.tc-1 a{ color:#fff;line-height: 35px; font-size:14px; 
margin-left: 10px;}
.LoginNo1 a span:hover{background-color: #F90;color:#fff;}

.erro{ border:solid 3px #F90 !important;}
.page-item.active .page-link{z-index: 1;}
#history1{ color:#fff;height:auto;}
#history2{ color:#fff;height:auto;}
#history2 {
  text-align: left;
}

.item-1 {
  width: 20px;
  height: 20px;
  background: #f583a1;
  border-radius: 50%;
  background-color: #eed968;
  margin: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes scale {
  0% {
    transform: scale(1);
  }
  50%,
    75% {
    transform: scale(2.5);
  }
  78%, 100% {
    opacity: 0;
  }
}
.item-1:before {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #eed968;
  opacity: 0.7;
  animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
  animation-delay: 200ms;
  transition: 0.5s all ease;
  transform: scale(1);
}

.item-2 {
  width: 20px;
  height: 20px;
  background: #f583a1;
  border-radius: 50%;
  background-color: #eece68;
  margin: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes scale {
  0% {
    transform: scale(1);
  }
  50%,
    75% {
    transform: scale(2.5);
  }
  78%, 100% {
    opacity: 0;
  }
}
.item-2:before {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #eece68;
  opacity: 0.7;
  animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
  animation-delay: 400ms;
  transition: 0.5s all ease;
  transform: scale(1);
}

.item-3 {
  width: 20px;
  height: 20px;
  background: #f583a1;
  border-radius: 50%;
  background-color: #eec368;
  margin: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes scale {
  0% {
    transform: scale(1);
  }
  50%,
    75% {
    transform: scale(2.5);
  }
  78%, 100% {
    opacity: 0;
  }
}
.item-3:before {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #eec368;
  opacity: 0.7;
  animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
  animation-delay: 600ms;
  transition: 0.5s all ease;
  transform: scale(1);
}

.item-4 {
  width: 20px;
  height: 20px;
  background: #f583a1;
  border-radius: 50%;
  background-color: #eead68;
  margin: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes scale {
  0% {
    transform: scale(1);
  }
  50%,
    75% {
    transform: scale(2.5);
  }
  78%, 100% {
    opacity: 0;
  }
}
.item-4:before {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #eead68;
  opacity: 0.7;
  animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
  animation-delay: 800ms;
  transition: 0.5s all ease;
  transform: scale(1);
}

.item-5 {
  width: 20px;
  height: 20px;
  background: #f583a1;
  border-radius: 50%;
  background-color: #ee8c68;
  margin: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes scale {
  0% {
    transform: scale(1);
  }
  50%,
    75% {
    transform: scale(2.5);
  }
  78%, 100% {
    opacity: 0;
  }
}
.item-5:before {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #ee8c68;
  opacity: 0.7;
  animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
  animation-delay: 1000ms;
  transition: 0.5s all ease;
  transform: scale(1);
}


#loading{position: fixed;
background-color: rgba(8,16,159,.7);z-index: 9;
width: 100%;
height: 100%;}
.loading-1{width: 100%;
float: left;
text-align: center;display: block ruby;
margin-top: 20%;}
.loading-1 >div{ display:inline-flex;}
#shoetu{width:60%;height:auto; overflow:hidden;padding-bottom:0;}
.show-text #shoetu h2{ text-align:left;padding-left:15px;}
#shoetu .info{padding:2%;float: left;width: 100%; line-height:30px;}
.hinpo{width:100%;float:left;}
.info-right .buy{width:100%;float:left;}
.info-right .buy span{float:right;
background-color: rgba(9,110,253,.1);
font-weight: normal;
padding-left: 15px;
padding-right: 15px; font-size:14px;
height: 40px;
line-height: 40px;
border-radius: 30px;}
.info-right .buy p{float:right;margin-left: 10px;
background-color: rgba(9,110,253,.1);
font-weight: normal;
padding-left: 15px; font-size:14px;
padding-right: 15px; color:#333;
height: 40px;
line-height: 40px;
border-radius: 30px;margin-right: 10px;}
.info-right .buy i{ color:#007bff;font-style:normal;}
.info-a{width:100%;float:left}
.info-b{width:100%;float:left}
.info-left{width:60%;float:left;}
.info-right{width:40%;float:right; text-align:right;}
.info-b .buyinfo{float: left;width: 100%;word-break: break-all;white-space: initial;}
.info-b .add{float: left;width: 100%;word-break: break-all;white-space: initial;}
.info-b .pro{float: left;width: 100%;word-break: break-all;white-space: initial;}
.info-a .name{float: left;width: 100%;word-break: break-all;white-space: initial;}
.info-a .country{float: left;width: 100%;word-break: break-all;white-space: initial;}
.info-a .fax{float: left;width: 100%;word-break: break-all;white-space: initial;}
.info-a .email{float: left;width: 100%;word-break: break-all;white-space: initial;}
.info-a .tel{float: left;width: 100%;word-break: break-all;white-space: initial;}
.info-a .web{float: left;width: 100%;word-break: break-all;white-space: initial;}

#showinfo .show-text{top:25%;}
.info-left a:hover{ color:#F90;}
#showinfo .show-close{top:4%;}
#showinfo .show-text #shoetu h2{ font-weight:bold;}
.info-a span{float:left;}
.info-a p{ color:#666;}
.info-b span{float:left;}
.info-b p{ color:#666;}
#shoetu .info::before{content:""; position:absolute;top:20%;right:0;width:450px;height:320px; background-image:url(../images/advantage.png); opacity:0.2;background-size: cover;
background-repeat: no-repeat;background-position: left center;}
#shoetu .info{ position:relative; font-size:14px;}



ul,li{padding:0;margin:0; list-style:none;}
span,p,b{padding:0;margin:0;}
.filter-text input:focus{ border:none; background:none;outline: 0!important}
.jzyx{ position:fixed;width:100%;float:left; background-color:rgba(0,0,0,.7);height:100%;z-index:9;}
.jzyx_a{width:550px;margin:auto; background-color:#fff; border-radius: 5px;margin-top:10%;display: flow-root;}
.jzyx-title{width:100%;float:left; background-color:#f5fbff;height:50px;line-height:50px;border-bottom:solid 1px #daf0fe;}
.jzyx-title span{padding-left:5%;}.jzyx-title p{padding-right:5%; color:#333; font-size:20px;float:right; cursor:pointer;}
.jzyx-conten{float:left;width:100%;}
.jzyx-conten-w{padding:5%;}
.jzyx-conten-1{width:100%;float:left;margin-bottom:15px;}
.jzyx-conten-1 span{width:20%;float:left; }
.jzyx-conten-1 p{float:left;text-transform: capitalize; }
.jzyx-conten-1 b{float:left;margin-left:10px; border:solid 1px #daf0fe; background-color:#daf0fe; border-radius: 5px;padding:2px; font-weight:normal;padding-right:5px; }
.jzyx-conten-1 b img{padding-left:5px;padding-right:5px;}
.jzyx-conten-2{width:100%;float:left;margin-bottom:15px;}
.jzyx-conten-2 span{width:20%;float:left; }
.jzyx-conten-2 p{float:left; }

.jzyx-conten-3{width:100%;float:left;margin-bottom:15px;}
.jzyx-conten-3 span{width:20%;float:left;margin-top: 5px; }
.jzyx-conten-3 .item{float:left;width: 55%; }
.fuzhu{float:right;margin-left:10px;}
.fuzhu .btn{cursor: pointer;
background-color: #0084ff;
border: solid 1px #0084ff;
color: #fff;font-size: 14px;

border-radius: 5px;float:left;height:36px;width:100px;}
.jzyx-conten-1 b a{font-size: 14px;}

.jzyx-conten-4{width:100%;float:left;margin-bottom:15px;margin-top:20px;text-align: center;}
.jzyx-conten-4 span{cursor:pointer; background-color:#f5fbff; border:solid 1px #daf0fe;  color:#0084ff;padding-left:10%;padding-right:10%;padding-bottom:1%; padding-top:1%;border-radius: 5px; }
.jzyx-conten-4 span:hover{background-color: #0084ff;border: solid 1px #0084ff;color: #fff;}
.jzyx-conten-4 p{float:left; border:solid 1px #dedede;cursor:pointer; color:#333;padding-left:5%;padding-right:5%;padding-bottom:1%; padding-top:1%;border-radius: 5px;  }
.jzyx-conten-4 p:hover{ background-color:#666; border:solid 1px #666; color:#fff;}

.filter-disabled {
	-moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.filter-box {
    position: relative;
}

.filter-box select {
	display: BLOCK;cursor: pointer;
padding: 0 30px 0 10px;
background: #fff;
border: 1px solid #e6e6e6;float: left;
height: 38px;color: #666;
font-size: 14px;width:100%;
}
.filter-box select option{border: 1px solid #e6e6e6;}
.filter-text {
	height: 100%;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	padding: 0 30px 0 10px;
	background: #fff;
	border: 1px solid #e6e6e6;
}

.filter-text input {
	font-size: 14px;
}

.filter-text .filter-title {
	width: 100%;
	height: 36px;
	line-height: 36px;
	border: 0;
	background-color: transparent;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0;
	cursor: pointer;
}

.filter-list {
	display: none;
	width: 100%;
	max-height: 300px;
	background-color: #fff;
	font-size: 14px;
	position: absolute;
	top: 42px;
	left: 0;
	z-index: 99;
	border: 1px solid #e6e6e6;
}

.filter-list li.filter-null a {
	color: #d2d2d2;
}

.filter-list li a {
	display: block;
	padding: 0 10px;
	line-height: 36px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

.filter-list li:hover {
	background-color: #f2f2f2;
}
.filter-list li{width:100% !important;float:left;margin-bottom:0 !important}
.filter-list li a{width:100%;float:left;}
.filter-list li.filter-selected {
	background-color: #00C;
}

.filter-list li.filter-selected a{
	display: block;
	color: #fff;
}

.filter-list li.filter-disabled {
	background-color: #fff;
}

.filter-list li.filter-disabled a{
	display: block;
	color: #d2d2d2;
}

.filter-list li.filter-disabled:hover a {
	cursor: not-allowed!important;
	background-color: #fff;
}

.icon {
	position: absolute;
}

.icon-filter-arrow {
	width: 8px;
	height: 6px;
	background-repeat: no-repeat;
    background-image: url(../images/icon_arrow_down_x2.png);
    background-size: 100%;
    right: 10px;
    top: 13px;
    transition: all .2s;
}

.icon-filter-arrow.filter-show {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.filter-list::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

.filter-list::-webkit-scrollbar-track {
	background: #fff 
}

.filter-list::-webkit-scrollbar-thumb {
	background: #CBCBCB;
}
.showcustomhouse_left-2{width:100px !important;}
.showcustomhouse_left-2 a{width:100% !important;}
.yumingsear{margin-top:5%;float: left;}

/*.dropdown {

}
@media(min-width:768px) {
.dropdown {
width:100%
}
}
.dropdown__switch:checked+.dropdown__options-filter .dropdown__select {
	transform:scaleY(1)
}
.dropdown__switch:checked+.dropdown__options-filter .dropdown__filter:after {
	transform:rotate(-135deg)
}
.dropdown__options-filter {
	width:100%;
	cursor:pointer
}
.dropdown__filter {
	position:relative;
	display:flex;
	padding:0 30px 0 10px;height: 36px;
line-height: 36px;
	color:#595959;
	background-color:#fff;
	border:1px solid #e6e6e6;
	font-size:14px;
	text-transform:uppercase;
transition:.3s
}
.dropdown__filter:focus {
	border:1px solid #0084ff;
	outline:0;
}
.dropdown__filter::after {
position:absolute;
top:45%;
right:20px;
content:'';
width:10px;
height:10px;
border-right:2px solid #595959;
border-bottom:2px solid #595959;
transform:rotate(45deg) translateX(-45%);
transition:.2s ease-in-out
}
.dropdown__select {
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	margin-top:5px;
	overflow:hidden;
	box-shadow:0 5px 10px 0 rgba(152, 152, 152, 0.6);
	transform:scaleY(0);
	transform-origin:top;
	font-weight:300;
transition:.2s ease-in-out
}
.dropdown__select-option {
	padding:5px;
	background-color:#fff;
	border-bottom:1px solid #f1f1f1;
transition:.3s
}
.dropdown__select-option:last-of-type {
	border-bottom:0
}
.dropdown__select-option:hover {
	background-color:#f9f9f9
}
*/
.h-yong{margin-right: 10px;}
.h-yong .meber-1{padding-left: 20px;padding-right: 20px;}
.h-yong .meber-1:hover{ background-color:#F90;}
.h-yong .meber-1:hover a{ color:#fff;}
.h-yong a{ color:#333;}

@media(max-width:1050px){#shoetu{width:80%;}}

@media(max-width:769px){.info-right .buy span{margin-bottom:10px;}}
@media(max-width:800px){
	.jzyx_a{width:80%;}
.top-logo img{height:40px;}
.top-login ul li a{padding-left: 10px;padding-right: 10px;}
.top-login ul li{height: 30px;line-height: 23px;}
.card-body{padding-left:0;padding-right:0;}
.header-search{width:95%;}
.header-search-1{ font-size:24px;}
.header-search-0{ font-size:14px;}	
.bodyp ul a{margin-bottom:10px; font-size:12px;padding-left:5px;padding-right:5px;padding-top: 2px;padding-bottom: 2px;}
.bodys input{height: 40px;line-height: 40px;width:70%;}
.bodys .one1{height: 40px;line-height: 40px; font-size:14px;letter-spacing: 0;width:30%;}
.bodys .two2{height: 40px;line-height: 40px; font-size:14px;letter-spacing: 0;width:30%;}
.searchbox ul{ font-size:12px;height: 32px; color:#fff;margin-top: 10px;}
.main-1 ul li {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;padding: 10px;}
.laguan{width:100%;float:left;height:auto;}.laguan-con{width:100%;height:auto;}
.laguan span{width:25%;}.laguan-con ul li{width:50%;}
.main-3 ul li {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding: 10px;}
.searchres_left{width:100%;}.searchres_right{width:100%;margin-top:2%;}
.searchbox ul li a{padding: 10px 15px; font-size:12px;}
.meber-1-a{ font-size:12px;}
.top-login ul li a{ font-size:12px;}
.meber-1{height:30px;line-height:30px;}
.h-yong {margin-right: 5px;}
.top-login ul li{margin-left: 5px;}

.h-yong .meber-1{padding-left:10px;padding-right:10px;}
.main-1 ul li .a-2{width:100%; text-align:center;margin-top:10px;}
.main-1 ul li .a-2 p{width:100%; text-align:center;}
.main-1 ul li .a-1{text-align: center;float: none;margin: auto;}
.check_country_name{ font-size:14px;}
.demo .col{padding-left:10%;padding-right:10%;}
.showcustomhouse_left-1{width:100%;}
.showcustomhouse_left-2{width:100%;margin-top:10px;}
.house-4 p{word-break: break-word;}
.house-1{ font-size:18px;}.searchres_right-1{font-size:14px;}
input::-webkit-input-placeholder {  /* WebKit browsers */     font-size: 14px; } 
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */     font-size: 14px; } 
input::-moz-placeholder { /* Mozilla Firefox 19+ */     font-size: 14px; }
input :-ms-input-placeholder { /* Internet Explorer 10+ */     font-size: 14px; }
	}

@media(max-width:640px){
.jzyx-conten-1 span{width:100%;margin-bottom:15px;}
.jzyx-conten-3 span{width:100%;margin-bottom:15px;}
.jzyx-conten-3 .item{width:70%;}

	}