.section {
	padding: 8px;
	background-color: #fff;
}

.slider-part {
	position: relative;
}

.back-icon {
	background: url(../../2016css/icon.png) no-repeat -130px -202px;
	background-size: 375px;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 10px;
	top: 10px;
}

.to-dengji-icon {
    background: url(../../houseByShaking/images/yaohaoIcon2.png) no-repeat 0 0;
    background-size: 61.5px;
    width: 61.5px;
    height: 61.5px;
    position: absolute;
    left: 0;
    right: 0;
    top: 223px;
    margin: 0 auto;
}

.info-part .b-name {
	font-size: 16px;
	font-weight: bold;
	margin-right: 57px;
}

.shaked-tag {
	font-size: 10px;
	font-weight: normal;
	color: #fff;
    background-color: #cd292e;
    position: absolute;
    top: 7px;
    right: 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 2px 6px 2px 10px;
}

.signuping-tag {
	font-size: 10px;
	font-weight: normal;
	color: #fff;
    background-color: #41b36e;
    position: absolute;
    top: 7px;
    right: 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 2px 6px 2px 10px;
}

.signup-tag {
	font-size: 10px;
	font-weight: normal;
	color: #fff;
    background-color: #68aec8;
    position: absolute;
    top: 7px;
    right: 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 2px 6px 2px 10px;
}

.info-part .b-position {
	margin: 10px 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d2d2d2;
	position: relative;
}

.info-part .i-price ,
.info-part .i-huxing ,
.info-part .i-date ,
.info-part .i-btn {
	font-weight: bold;
	margin-top: 5px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.info-part .i-menkan {
	margin-top: 5px;
}

.info-part .i-menkan .l {
    font-weight: bold;
    width: 70px;
}

.info-part .i-menkan .r {
	margin-left: 70px;
    margin-top: -21px;
}

.info-part .i-price span ,
.info-part .i-huxing span ,
.info-part .i-date span {
	font-weight: normal;
	font-size: 13px;
}

.info-part .i-date a {
	display: -webkit-inline-box;
	color: #C9171D;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
}

.info-part .i-price .num {
	color: #C9171D;
	font-size: 16px;
}

.info-part .text {
	font-size: 12px;
	width: 70px;
}

.info-part .i-btn {
	font-weight: normal;
	background-color: #c9171d;
	color: #fff;
	padding: 2px 10px;
	width: 84px;
	border-radius: 5px;
}

.section1 .icon {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #c9171d;
	margin-right: 10px;
	float: left;
	margin-top: 6px;
}

.section1 .text {
	float: left;
	color: #969696;
}

.section1 .date {
	margin-top: 10px;
}

.section1 .date span {
	float: left;
}

.section1 .date .title {
	text-decoration: underline;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.section2 .icon {
	width: 20px;
	height: 20px;
	text-align: center;
	color: #fff;
	font-size: 10px;
	border-radius: 100%;
	background-color: #c9171d;
	margin-right: 10px;
	float: left;
	line-height: 24px;
}

.section2 .title {
    float: left;
    color: #969696;
}

.section2 .text {
	line-height: 24px;
	color: #000;
	margin-top: 8px;
	text-indent: 2em;
	font-size: 14px !important;
}

.section2 .text p {
	color: #000 !important;
	margin: 0 !important;
	font-size: 14px !important;
}

.section2 .text span {
	color: #000 !important;
	font-size: 14px !important;
}

.section2 img {
	width: 100% !important;
}

.msg a {
	display: -webkit-inline-box; 	
}

.tolink {
	color: #c9171d;
	text-align: center;
	padding: 10px 0;
	background-color: #fff;
}

.section3 .icon {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #c9171d;
	margin-right: 10px;
	float: left;
	margin-top: 6px;
}

.section3 .text {
    float: left;
    color: #969696;
}

.section3 .search-part {
	position: relative;
	margin-top: 8px;
}

.section3 .search-part .search-word {
    height: 30px;
    border: 1px solid #535353;
    border-radius: 5px;
    padding: 0 4%;
    width: 90%;
} 

.section3 .search-part .l {
	border-right: 1px solid #5b92a6;
	width: 73%;
	float: left;
}

/*.section3 .search-part .search-icon {
    background: url(../../images/icon.png) no-repeat -360px 0px;
    background-size: 375px;
    position: absolute;
    left: 7px;
    top: 10px;
    height: 14px;
    width: 20px;
}*/

.section3 .search-part .search-button {
	color: #fff;
    background-color: #5b92a6;
    padding: 5px 2%;
    border-radius: 5px;
    border: none;
    width: 21%;
    margin: 20px 0 0 4%;
}
/* 
.section4 {
	background-color: #fff;
}

.section4 .title {
	background-color: #eef2f5;
	padding: 10px 0;
}

.section4 .icon {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #c9171d;
	margin: 6px 10px 8px 10px;
	float: left;
}

.section4 .text {
    float: left;
    color: #969696;
}

.section4 table {
	width: 100%;
	background-color: #fff;
	color: #7e7f80;
	text-align: center;
	font-size: 12px;
}

.section4 table th {
	background-color: #dbe4eb;
	color: #4a4d50;
	padding: 5px 0;
}

.section4 table td {
	padding: 5px 0;
}

.section4 table tr:nth-child(n+1) {
	background-color: #e6e8e9;
	border-top: 2px solid #fff;
}

.section4 table tr:nth-child(2n+1) {
	background-color: #eef2f5;
	border-top: none;
}

.section4 .more {
	background-color: #fff;
	color: #a9c2cc;
	text-align: center;
	padding: 10px 0;
} */

.section5,
.section6 {
	color: #fff;
	width: 90%;
    margin: 0 auto;
    position: fixed;
    top: 20%;
    left: 5%;
    z-index: 999;
    display: none;
}

.section5 .part2 {
	background-color: #e21713;
	padding: 10px 0;
}

.section5 .zq-total {
	border: 2px solid #fff;
	width: 110px;
	height: 110px;
	border-radius: 100%;
	text-align: center;
	margin: 0 auto;
}

.section5 .zq-text {
	margin-top: 15px;
}

.section5 .zq-num {
	font-size: 40px;
}

.section5 .part3 {
	background-color: #ea2724;
	padding: 20px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
}

.close-icon {
	background: url(../../houseByShaking/images/close_icon.png) no-repeat center;
	background-size: 34px;
	width: 34px;
	height: 34px;
	position: absolute;
	top: 10px;
	right: 10px;
}

.maskCover {
	background-color: rgba(0,0,0,0);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 998;
	display: none;
}

.loading {
	position: fixed;
    top: 50%;
    z-index: 999;
    width: 100%;
    text-align: center;
    display: none;
}

.loading img {
	width: 16px;
	margin: 0 auto;
}

.seehousebtn {
	background-color: #5B92A6;
	text-align: center;
	line-height: 49px;
	color: #fff;
	font-size: 16px;
}

.footer {
	background-color: #f9f9f9;
}

.footer .icon5 {
	background:url(../../2016css/icon.png) no-repeat -351px -248px;
	background-size: 375px;
}

.footer .icon6 {
	background:url(../../2016css/icon.png) no-repeat -297px -248px;
	background-size: 375px;
}

/*20180806¸Ä°æ*/
.icon-part {
	padding: 10px;
}

.icon-part a {
    display: block;
    float: left;
    width: 20%;
    text-align: center;
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

.icon-part a .icon {
	background: url(../../houseByShaking/images/icon3.png) no-repeat center 0px;
    background-size: 30px;
    height: 30px;
}

.icon-part a .icon1 {
	background: url(../../houseByShaking/images/icon3.png) no-repeat center -50px;
	background-size: 30px;
	height: 30px;
}
.icon-part a .icon2 {
	background: url(../../houseByShaking/images/icon3.png) no-repeat center -96px;
	background-size: 30px;
	height: 30px;
}
.icon-part a .icon3{
	background: url(../../houseByShaking/images/icon3.png) no-repeat center -150px;
	background-size: 30px;
	height: 30px;
}
.icon-part a .icon4 {
	background: url(../../houseByShaking/images/icon3.png) no-repeat center -194px;
	background-size: 30px;
	height: 30px;
}

.history-part .text {
	color:#4d4d4d;
	height: 35px;
	line-height: 35px;
}

.history-part .icon {
	height: 35px;
	width: 9px;
	background-color: #cd292e;
	margin-right: 10px;
	margin-left: -8px;
	float: left;
}

.history-part ul li .building-name {
	color: #000;
	font-weight: bold;
	border-bottom: 1px dashed #c9c9c9;
	padding: 10px 0;
}

.history-part ul li .building-lotname {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    margin-right: 140px;
}

.history-part ul li .building-price {
	font-weight: normal;
	margin-top: 10px;
}

.history-part ul li .building-price span {
	color: #cd292e;
	font-size: 16px;
}

.history-part ul li .building-count {
	margin: 10px 0;
}

.history-part ul li .building-percent {
	float: right;
}

.history-part ul li .building-count span,
.history-part ul li .building-percent span,
.history-part ul li .building-time span {
	color: #000;
	font-size: 16px;
}

.history-part ul li .line {
	height: 4px;
	width: 100%;
	margin-top: 10px;
	background-color: #e7e7e7;
}

.section7 table {
	width: 100%;
}

.section7 td,
.section7 th {
	width: 20%;
	border: 1px solid #fff;
}

.section7 th {
	color:#fff;
	text-align: center;
}

.section7 td {
	color: #000;
	text-align: center;
	padding: 5px 0;
}

.section7 .out {
	border-top: 32px #70a2da solid;
    border-left: 100px #98b9e2 solid;
    position: relative;
    font-size: 10px;
}

.section7 .out b {
    position: absolute;
    top: -33px;
    left: -64px;
    width: 95px;
}

.section7 .out em {
	position: absolute;
    top: -18px;
    left: -119px;
    width: 95px;
}

.section7 table .head1 {
	background-color: #70a2da;
}

.section7 table .head2 {
	background-color: #458de1;
}

.section7 table .head3 {
	background-color: #2872c9;	
}

.section7 table .line1 {
	background-color: #cbdcf0;
}

.section7 table .line2 {
	background-color: #b7d0ee;
}

.section7 table .line3 {
	background-color: #a0c5f1;
}

.section7 table .line4 {
	background-color: #91b8e7;
}

/*ºáÏòÊ±¼äÖá*/
.section8 .time-horizontal {
	width: 100%;
    padding-top: 120px;
    margin: 0px;
}
 
.section8 .time-horizontal li {
    float: left;
    position: relative;
    text-align: center;
    width: -webkit-calc(25% - 12px);
    width: -moz-calc(25% - 12px);
    width: calc(25% - 12px);
    padding: 8px 0;
    color: #fff;
    margin: 0px 6px;
}
 
.section8 .time-horizontal li b:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 47%;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: #fff;
}

.section8 .time-horizontal li b:after {
    content: '';
    position: absolute;  
    left: 47%;
    width: 8px;
    height: 8px;
    border-radius: 8px;
}

.section8 .time-horizontal li:first-child b:after {
	top: -28px;
	background-color: #29abe4;
}

.section8 .time-horizontal li:nth-child(2) b:after {
	top: -58px;
	background-color: #1a90c3;
}

.section8 .time-horizontal li:nth-child(3) b:after {
	top: -18px;
	background-color: #1e75bd;
}

.section8 .time-horizontal li:nth-child(4) b:after {
	top: -38px;
	background-color: #11568f;
}

.section8 .time-horizontal li:first-child {
	background-color: #29abe4;
}

.section8 .time-horizontal li:first-child .before {
	padding: 8px 3px;
    background: url(../../houseByShaking/images/icon5.png) left 0px no-repeat;
    background-size: 25px;
    position: absolute;
    top: 0;
    left: -5px;
}

.section8 .time-horizontal li:first-child .after {
    padding: 8px 3px;
    background: url(../../houseByShaking/images/icon5.png) right 0px no-repeat;
    background-size: 25px;
    position: absolute;
    top: 0;
    right: -5px;
}

.section8 .time-horizontal li:nth-child(2) {
	background-color: #1a90c3;
}

.section8 .time-horizontal li:nth-child(2) .before {
	padding: 8px 3px;
    background: url(../../houseByShaking/images/icon5.png) left -25px no-repeat;
    background-size: 25px;
    position: absolute;
    top: 0;
    left: -5px;
}

.section8 .time-horizontal li:nth-child(2) .after {
    padding: 8px 3px;
    background: url(../../houseByShaking/images/icon5.png) right -25px no-repeat;
    background-size: 25px;
    position: absolute;
    top: 0;
    right: -5px;
}

.section8 .time-horizontal li:nth-child(3) {
	background-color: #1e75bd;
}

.section8 .time-horizontal li:nth-child(3) .before {
	padding: 8px 3px;
    background: url(../../houseByShaking/images/icon5.png) left -50px no-repeat;
    background-size: 25px;
    position: absolute;
    top: 0;
    left: -5px;
}

.section8 .time-horizontal li:nth-child(3) .after {
    padding: 8px 3px;
    background: url(../../houseByShaking/images/icon5.png) right -50px no-repeat;
    background-size: 25px;
    position: absolute;
    top: 0;
    right: -5px;
}

.section8 .time-horizontal li:nth-child(4) {
	background-color: #11568f;
}

.section8 .time-horizontal li:nth-child(4) .before {
	padding: 8px 3px;
    background: url(../../houseByShaking/images/icon5.png) left -75px no-repeat;
    background-size: 25px;
    position: absolute;
    top: 0;
    left: -5px;
}

.section8 .time-horizontal li:nth-child(4) .after {
    padding: 8px 3px;
    background: url(../../houseByShaking/images/icon5.png) right -75px no-repeat;
    background-size: 25px;
    position: absolute;
    top: 0;
    right: -5px;
}

.section8 .time-horizontal .time {
    position: absolute;
    width: 20%;
    line-height: 14px;
    font-size: 10px;
}

.section8 .time-horizontal .time1 {
	top: 40px;
	left: 2.5%;
}

.section8 .time-horizontal .time2 {
	top: 20px;
	left: 27.5%;
}

.section8 .time-horizontal .time3 {
	top: 50px;
	left: 52.5%;
}

.section8 .time-horizontal .time4 {
	top: 30px;
	left: 77.5%;
}

.section8 .time-horizontal li:after {
	content: '';
    position: absolute;
	width: 1px;   
}

.section8 .time-horizontal li:first-child:after {
	height: 20px;
    top: -20px;
    left: 50%;
    border-left: 2px solid #29abe4;
}

.section8 .time-horizontal li:nth-child(2):after {
	height: 50px;
    top: -50px;
    left: 50%;
    border-left: 2px solid #1a90c3;
}

.section8 .time-horizontal li:nth-child(3):after {
	height: 10px;
    top: -10px;
    left: 50%;
    border-left: 2px solid #1e75bd;
}

.section8 .time-horizontal li:nth-child(4):after {
	height: 30px;
    top: -30px;
    left: 50%;
    border-left: 2px solid #11568f;
}

.section8 .to-url,
.section8 a {
	color: #fff;
	background-color: #11568f;
	text-decoration: underline;
	text-align: center;
	padding: 10px 0;
	margin-top: 10px;
}

.section8 .to-url span {
	background: url(../../houseByShaking/images/icon5.png) 0px -100px no-repeat;
	padding: 4px 14px;
	background-size: 25px; 
}