|
@@ -0,0 +1,820 @@
|
|
|
+/*轮播图*/
|
|
|
+.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;
|
|
|
+}
|