dxt/WebRoot/app/css/index.css

/*轮播图*/
.main {
	position: relative;
}
.swiper-container {
    width: 100%;
    height: 5.25rem;
    /* background-color: #f40; */
}
.swiper-container-horizontal>.swiper-pagination-bullets{
	bottom: 0.875rem;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}
.swiper-pagination-bullet {
	width: 0.2rem;
	height: 0.2rem;
}
.swiper-slide img {
	width: 100%;
	height: auto;
}
/*首页大导航3*/

 nav {
	position: absolute;
	z-index: 100;
	width: 100%;
	bottom: -1.35rem;
} 
.oneul {
	overflow: hidden;
	background-color: #fff;
    width: 95%;
    border-radius: 0.375rem;
    margin: 0 auto;
    padding: 0.3rem 0;

}
.oneul li {
	float: left;
	width: 33.33%;
	text-align: center;
}
.oneul li img{
	width: 1.1rem;
	height: 1.1rem;
}
.oneul li span{
	display: block;
	font-size: 0.35rem;
}
/*首页中间部分*/
.wrap {
	background-color: #fff;
	padding: 0 0.1rem;
	margin-bottom: 0.5rem;
}
.kind {
	margin-top: 1.7rem;
    background: #fff;
}

/*热门产品标题*/
.hot {
	position: relative;
	padding: 0.5rem 0;
}
.hot > img{
	width: 3.2rem;
    height: 0.575rem;
    margin: 0 auto;
    display: block;
}
.hot a {
	position: absolute;
	right: 0.5rem;
	top: 0.5rem;
	font-size: 0.35rem;
	color: #898989;
}
.hot a img {
	width: 0.35rem;
	height: 0.35rem;
}
/*房产推介*/
.referrals ul {
	padding: 0 0.25rem;
}
.referrals li {
	position: relative;
	padding: 0.42rem 0;
	border-bottom: 2px solid #eee;
}
.referrals li a {
	display: block;
}
.buy {
	position: absolute;
	bottom: 0.2rem;
	right: 0;
}
.referinfo {
	width: 90%;
	display: inline-block;
}
.referinfo img {
    width: 37%;
    height: 2.75rem;
    margin-right: 3%;
    float: left;
}
.referCont {
	float: left;
	width: 60%;
}
.referCont p {
	font-size: 0.35rem;
	display: block;
	white-space:nowrap; 
	overflow:hidden;
	text-overflow:ellipsis; 
	padding: 0.07rem 0;
}
.referCont .refertit {
	font-size: 0.4rem;
	color: #232323;
}
.designation {
	display: inline-block;
    /*width: 1.8rem;*/
}
.commission {
    color: #104d9f;
    border: 1px dashed #104d9f;
    padding: 0rem 0.1rem;
    /* display: inline-block; */
    /* float: right; */
    /* margin-right: 0.2rem; */
    position: absolute;
    right: 0.2rem;
}
.price {
	color: #dd1e25;
	font-size: 0.35rem;
}

.nomore {
	font-size: 0.4rem;
	color: #626262;
	width: 100%;
	text-align: center;
	height: 1rem;
	line-height: 1rem;
}

.buy a {
    float: left;
    width: 1.875rem;
    height: 0.625rem;
    line-height: 0.625rem;
    font-size: 0.3rem;
    color: #fff;
    margin: 0 0.2rem;
    text-align: center;
    border-radius: 0.625rem;
    background-color: #dd1e25;
    letter-spacing: 2px;
}
.buy .buygo {
	background-color: #f75929;
}


.seemore {
	width: 100%;
	text-align: center;
	height: 1.375rem;
	line-height: 1.375rem;
	position: relative;
	margin-bottom: 	1.0rem;
	border-bottom: 0.05rem solid #ddd;
}
.seemore a {
	display: block;
	font-size: 0.4rem;
	color: #626262;
}
.seemore img:first-child {
	width: 0.6rem;
	height: 0.6rem;
	margin-right: 0.5rem;
}
.seemore img:last-child {
	/*float: right;*/
	width: 0.4rem;
	height: 0.4rem;
	position: absolute;
	right: 0.4rem;
	top: 50%;
 	margin-top: -0.2rem; 
	
}




/*多选框样式*/
.mycheck  {  /*设置label的样式*/
    width: 10%;
    line-height: 2.75rem;
    position: relative;
    float: left;
    font-weight: normal;
}
.mycheck .option {      /*把优化后的按钮图片设置为该div的背景图片，把该div定位到原生样式的上方，遮盖住原生样式。*/
    width: 0.625rem;
    height: 0.625rem;
    position: absolute;
    top: 50%;
    margin-top: -0.3125rem;
    background-size: cover;
    background: url(../img/weix@2x.png) no-repeat;
    background-size: cover;
}
.mycheck input[type="checkbox"] {  /*为了保险起见，把原生样式隐藏掉*/
    /*display: inline-block ;*/
    /* margin-right: 1rem; */
    opacity: 0 ;
}
input[type="checkbox"]:checked+div {  /*当checkbox被选中时，把input下边的div标签的背景图片替换掉*/
    background: url("../img/xuanz@2x.png") no-repeat;
    background-size: cover;
}

/*房产详情*/
#detail {
	height: 5.875rem;
	position: relative;
}
#detail a  {
	display: inline-block;
	z-index: 100;
}
#detail a img{
	width: 0.625rem;
	height: 0.625rem;
}
#detail .back{
	position: absolute;
	top: 0.25rem;
	left: 0.3rem;
}
#detail .share{
	position: absolute;
	top: 0.25rem;
	right: 0.3rem;
}
.houseinfo {
	padding: 0.25rem;
	font-size: 0.4rem;
	position:relative;
}
.houseinfo p {
	padding: 0.125rem 0; 
}

.houseName {
	font-size: 0.45rem;
	color: #232323;
	font-weight: 500;
	overflow: hidden;
}
.houseprice span:first-child,.housecom span:first-child,.housePhone span:first-child{
	margin-right: 0.5rem;
}
.houseprice span:last-child {
	color: #dd1e25;
	font-size: 0.45rem;
}
/* .housecom span:first-child {
	margin-right: 0.5rem;
} */
/* .housecom span:last-child {
	color: #104d9f;
	margin-left:0.6rem;
} */
.housePhone span:last-child{
	color:  #104d9f;
}
.houseN {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%;
    float: left;
}  
.houseBuy {
    background-color: #f75929;
    color: #fff;
    height: 0.75rem;
    line-height: 0.75rem;
    padding: 0 0.3rem;
    border-radius: 0.365rem;
    margin-top: -0.125rem;
}

/*产品信息导航*/
.product {
	background-color: #fff;
	margin-bottom: 1.25rem;
}
.productul  li a i {
	bottom: 0.1rem;
}

.productul li{
	width: 33.33%;
	float: left;
}
.productcont {
	/*background-color: #fff;*/
	padding: 0.5rem 0.375rem;
	/*margin-bottom: ;*/
	font-size: 0.4rem;
}
.productcont p {
	line-height: 0.75rem;
}
.houseType {
	overflow: hidden;
}
.pdDetL {
	font-size: 0.35rem;
	width: 22%;
	display: inline-block;
	/*float: left;*/
	color:#898989;
}
.houseType  .pdDetL {
	float: left;
}
.types {
	float: left;
	/*margin-left: 22%;*/
	line-height: 0.75rem;
}
.types span{
	display: block;

}
.educ .pdcont {
	text-indent: 2em;
}
.typePic {
	margin: 0.5rem 0;
	width: 100%;
}


/*选择城市*/
.top50 {
	background-color: #fff;
}
.cityul li {
	overflow: hidden;
	border-bottom: 0.05rem solid #eee;
	padding: 0 0.5rem;
	position: relative;
}
.cityul li a{
	display: block;
	height: 1.5rem;
	font-size: 0.35rem;
	color: #232323;
	line-height: 1.5rem;
}
.cityul li a  img {
	width: 0.55rem;
	float: right;
	position: absolute;
	top: 50%;
	margin-top: -0.275rem;
	right: 0.5rem;

}
.referrals {
	background-color: #fff;
}
.checkCity {
	position: fixed;
	bottom: 2.2rem;
	right: 0.5rem;
}
.checkCity {
	width: 1.75rem;
	z-index:22;
}
/*汽车*/
.carul li {
	width: 30%;
}
.Section {
	overflow: hidden;
	font-size: 0.4rem;
	/*line-height: 1.4rem;*/
	padding: 0.375rem 0.25rem;

}
.Section span{
	border-left: 0.05rem solid #dd1e25;
	font-weight:600;
	padding-left: 0.3rem;
}
.Section .fr img {
	width: 0.4rem;
}

/*推介详情*/
.recommUl {
	font-weight: 600;
}
.recomMask {
	background: rgba(0,0,0,0.3);
	overflow: hidden;
	height: 100%;
	width: 100%;
	left: 0;
	bottom: 0;
	position: fixed;
	/* z-index: 22; */
}
   
.recomWrite {
	position: fixed;
	z-index: 33;
	bottom: 0;
	background-color: #fff;
	width: 92%;
	left: 4%;
	font-size: 0.4rem;
	color: #898989;
	padding: 0.3rem;
}
.recomWrite p {
	padding: 0.375rem 0;
}
.recomWrite  .sharetit {
	border-bottom: 0.025rem solid #e8e8e8;
	font-weight: 600;
}

.contents {
	border: 0.025rem solid #e8e8e8;
	padding: 0.25rem 0.2rem;
	width: 100%;
	border-radius: 0.1rem;
}
.planPic {
    position: relative;
    overflow: hidden; 
    width: 1.75rem;
    height: 1.75rem;
    background: url("../img/shangchuan@2x.png") no-repeat;
    background-size: 1.75rem 1.75rem;
}
.planPic input {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.recomP .blubtn {
    position: fixed;
    bottom: 20px;
    left: 15%;
}
.recomP .fr {
	font-size: 0.35rem;
	color: #dd1e25;
}

.recomMoney p {
	font-size: 0.4rem;
	text-align: center;
	padding: 0.8rem 0;
}
.recomMoney  a {
	width: 35%;
	text-align: center;
	border: 0.025rem dashed #626262;
	height: 1.25rem;
	line-height: 1.25rem;
	margin-left: 8%; 
}
.recomMoney  a.fr {
	margin-right: 8%;
}
.moneyway {
	overflow: hidden;
}
 .recomMoney p:last-child{
	margin-top: 1.5rem;
} 
.moneyway a.active {
	border:0.025rem dashed  #dd1e25;
	color: #dd1e25;
}

.terminnate {
	padding: 0.4rem;
	height: 100%
}
.terminnate textarea {
	margin-bottom: 1.25rem;
}

/*推介流程  详情*/
.processTrace {
	width: 100%;
	padding: 0.25rem;
}
.curve  {
	border-bottom: 0.025rem solid #eee;
	padding: 0.1rem 0;
}
.curve p {
	font-size: 0.35rem;
	line-height: 0.625rem; 
}
.curve .state {
	font-size: 0.4rem;
	color:  #dd1e25;
}
.curve .curTime {
	font-size: 0.3rem;
}
.recomDeta {
	height: 100%;
}
/*推荐详情*/
.flowpathUL {
	width: 100%;
	padding: 0.375rem 0.875rem;
}
.flowpathUL li,.orderUls li {
	position: relative;
	padding-bottom: 0.75rem;
	border-left: 0.05rem solid #eee;
	color: #898989;
}
.dott {
	position: absolute;
	background-color: #fff;
	text-align: center;
	width: 20%;
	margin-left: -10%;
	padding-bottom: 0.125rem;
}
.dottImg {
	width: 0.3rem;
	height: 0.3rem;
	background: url("../img/zhungt1@2x.png") no-repeat center;
	-webkit-background-size: 0.275rem 0.275rem;
	background-size: 0.275rem 0.275rem;
	display: block;
	margin: 0 auto 0.125rem;
}
.dott span {
	font-size: 0.3rem;
}
.flowpathCont {
	width: 100%;
	padding-left: 0.875rem;
	font-size: 0.35rem;
}
.flowpathCont .trackingTime {
	font-size: 0.3rem;
	padding-top: 0.2rem; 
}
.flowpathUL li:last-child{
	border-left: none;
}
.flowpathUL li:last-child .dottImg {
	background: url("../img/zhuangt2@2x.png") no-repeat center;
	-webkit-background-size:  0.275rem 0.275rem;
	background-size: 0.275rem 0.275rem;
}
.flowpathUL .currentLi .trackingT,.haveWrite .currentLi .trackingT{
	color:  #dd1e25;
}
/*订单跟进*/
.haveWrite .dott {
	padding-bottom: 0;
}
.haveWrite .dottImg{
	height: 0.275rem;
}
.orderProul li{
	height: 2.5rem;
}
.orderProul {
	padding-bottom: 0;
}
.orderUls {
	padding: 0.5rem 0.5rem  0.75rem;
}
.orderUls .dottImg {
	margin-bottom: 0;
}
 
.orderInfo .haveWrite li:last-child{
	/* border-left: 0.025rem solid #eee; */
	border-left: none;
}
.orderNo li:last-child .trackingT {
    color: #898989;
}
.haveWrite .currentLi .dottImg {
	background: url("../img/zhuangt2@2x.png") no-repeat center;
	-webkit-background-size:  0.275rem 0.275rem;
	background-size: 0.275rem 0.275rem;
}
.planWrite {
	width: 30%;
	height: 0.625rem;
	line-height: 0.625rem;
	border-radius: 0.3125rem;
	text-align: center;
	font-size: 0.325rem;
	margin-top: 0.25rem;
}
.orderNo li:last-child {
	border-left: none;
}
.surePic img {
	width: 22%;
	margin-right: 2%;
}
.recomWrite {
	height: 65%;
	overflow-y: auto;
	padding-bottom: 4rem;
}
.sellInfo {
	padding: 0.4rem 0;
}
.sellGoods {
	border-bottom: 0.025rem solid #eee;
	margin-bottom: 0.5rem;
}
.sellGoods > div {
	overflow: hidden;
}
.sellInfo  .sellGoods > div input,.sellInfo .Contract  input{
	height: 1rem;
	border-bottom: 0.025rem solid #eee;
	text-align: right;
	padding-right: 0.25rem;
	font-size: 0.4rem;
	color: #898989;
}
input[name="color"]::-webkit-input-placeholder { /* WebKit browsers */ 
	color: red;
	font-size:0.4rem;
}
.sellInfo  .sellGoods input[name="color"],.sellInfo .Contract  input{
	color: #dd1e25;
}
.sellGoods > div p ,.sellGoods > div span,.Contract span {
	height: 1rem;
	line-height: 1rem;
	padding: 0;
}

.bluSucess {
	position: fixed;
    bottom: 0.5rem;
    left: 15%;
    z-index: 50;
}
.Contract {
	overflow: hidden;
}
#odNum p,#odNum input,#odNum textarea{
	font-size: 0.4rem;
}

/*首页导航2*/
/*6.19*/
.scrollNav {
    height: 1.5rem;
    line-height: 1.5rem;
    overflow: hidden;
    overflow-x: scroll;
    width: 100%;
    padding: 0px 10px;
    box-sizing: border-box;
    border-bottom: 0.05rem solid #eee;
    position: relative;
}
.kindul{
	width: 100%;
	white-space: nowrap;
	height: 1.5rem;
    line-height: 1.5rem;
    border-bottom: 0.05rem solid #eee;
}
.kindul li{
	display:inline-block;
}
.kindul li a {
	display: block;
    text-align: center;
    font-size: 0.4rem;
    position: relative;
    /* padding: 0 0.5rem; */
}
.productul li a i {
	width: 25%;
    height: 0.05rem;
    background: #dd1e25;
    position: absolute;
    margin: 0 auto;
    bottom: 0.3rem;
    left: 50%;
    margin-left: -12.5%;
}

/*mao*/
.kindul .kindsel{
	color: #104d9f;
}

.noPeople {
	position: absolute;
	width: 6.25rem;
	height: 6.25rem;
	top: 50%;
	left: 50%;
	margin-top: -3.125rem;
	margin-left: -3.125rem;
}

/*  7.4song*/
.tabs li{
	display:inline-block;
     padding: 0 0.2rem;
}
.tabs li a {
	display: block;
    text-align: center;
    font-size: 0.4rem;
    position: relative;
}
.tabs li a::before{
    content: "";
    position: absolute;
    bottom: 0.3rem;
    left: 0;
    width: 100%;
    height: 0.05rem;
    background: transparent;
}
.tabs li.default a {
	color: #104d9f;
}
.tabs li.default a::before{
    background: #dd1e25;
}

/*通用样式*/
/*文本多行省略*/
.pOpen {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 15px 10px;
}
/*选中样式*/
.fl {
    float: left;
}

.fr {
    float: right;
}

.hide {
    display: none;
}
.active,.active>a,.active i {
    color: #104d9f;
}
.active1 {
    background-color: #F92E2E;
    color: #fff;
}

img {
	vertical-align: middle;
}
.show {
    display: block;
}
html {
	height: 100%;
}
.mtxt {
	color: #626262;
}
.htxt {
	color: #232323;
}