/*轮播图*/ .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; }