.main-color{ color: #FF6666!important; } .price-color{ color: #FF6666!important; } .color0{ color:#fff!important } .color1{ color:#333!important; } .color2{ color:#8f8f94!important; } .color3{ color:#b4b4b4!important; } .color4{ color:rgba(0,0,0,.4)!important; } .color5{ color:rgba(255,255,255,.5)!important; } .color6{ color:rgba(0,0,0,1)!important; } .color7{ color:rgba(255,255,255,.87)!important; } .color8{ color:rgba(255,255,255,.8)!important; } .color-red { color: #f9413e!important; } .color-yellow{ color: #ffcf4d!important; } .color-green { color: green!important; } .color-blue { color: #2196f3!important; } .price-bgcolor{ background-color: #ff9f19!important; } .main-bgcolor{ background-color: #FF6666!important; } .bgcolor1{ background-color: #fff!important; } .bgcolor2{ background-color: #f7f7f7!important; } .bgcolor3{ background-color: #999!important; } .bgcolor4{ background-color: #f44336!important; } .bgcolor5{ background-color: #f33!important; } .fs0{ font-size: 0px!important; } .fs12{ font-size: 0.24rem!important; } .fs13{ font-size: 0.26rem!important; } .fs14{ font-size: 0.28rem!important; } .fs15{ font-size: 0.3rem!important; } .fs16 { font-size: 0.32rem!important; } .fs18 { font-size: 0.36rem!important; } .fs20{ font-size: 0.4rem!important; } .fs22{ font-size: 0.44rem!important; } .fs24{ font-size: 0.48rem!important; } .fs26{ font-size: 0.52rem!important; } .fs30{ font-size: 0.6rem!important; } .fs44{ font-size: 0.88rem!important; } .mt0{ margin-top:0!important; } .mt5{ margin-top:0.1rem!important; } .mt10{ margin-top:0.2rem!important; } .mb10{ margin-bottom:0.2rem!important; } .mr15{ margin-right:0.3rem!important; } .mr10{ margin-right:0.2rem!important; } .ml10{ margin-left:0.2rem!important; } .mr5{ margin-right: 0.1rem!important; } .ml5{ margin-left: 0.1rem!important; } .mb10{ margin-bottom: 0.2rem!important; } .mb5{ margin-bottom: 0.1rem!important; } .mb0{ margin-bottom: 0!important; } .m20{ margin:0.4rem; } .pd0{ padding: 0; } .pd5{ padding: 0.1rem; } .pd10{ padding: 0.2rem; } .pd15{ padding: 0.3rem; } .pd5-0{ padding: 0.1rem 0; } .pd10-0{ padding: 0.2rem 0; } .pd5-15{ padding: 0.1rem 0.3rem; } .pl10{ padding-left: 0.2rem; } .pr10{ padding-right: 0.2rem; } .pr5{ padding-right: 0.1rem; } .pt15{ padding-top: 0.3rem; } .pb0{ padding-bottom: 0!important; } .pb10{ padding-bottom: 0.2rem; } .pb15{ padding-bottom: 0.3rem; } .pl5{ padding-left: 0.1rem; } .pl15{ padding-left: 0.3rem; } .pr15{ padding-right: 0.3rem; } .pr20{ padding-right: 0.4rem; } .lh24{ line-height: 0.48rem; } .lh30{ line-height: 0.6rem; } .lh36{ line-height: 0.72rem; } .lh40{ line-height: 0.8rem; } .lh44{ line-height: 0.88rem; } .lh50{ line-height: 1rem; } .bold{ font-weight: bold!important; } .items { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center } .items-top{ align-items:initial; } .item{ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; } .item-cb{ -webkit-box-pack: center; -moz-box-pack: center; -ms-box-pack: center; -o-box-pack: center; box-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; -o-box-align: center; box-align: center; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box; } .center { position: fixed; width: 85%; top: 2.9rem; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center; color:#999; z-index: 100; } .del-line{ text-decoration: line-through; } .gotop { position: fixed; padding-top: 0.2rem; right: 0.4rem; bottom: 1.2rem; z-index: 9; width: 1rem; height: 1rem; border: 1px solid rgba(0,0,0,.3); border-radius: 50%; background: rgba(255,255,255,.96); text-align: center; display: none; } .tuiguang { position: fixed; right: 0.4rem; bottom: 1.5rem; z-index: 9; width: 1.2rem; height: 2.4rem; border-radius: 50%; text-align: center; } .tuiguang img{ width: 1rem; height: 1rem; box-shadow: 0 0 0.17333rem 0 rgba(138,138,138,.24); border-radius: 50%; } .tuiguang .lbl{ position: absolute; bottom: 0; left: 0; right: 0; padding: 0; background: #ecb85a; border-radius: 20px; color: #fff; } .avatar-bg { border-radius: 50%; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url(../image/avatar.png); } .user-avatar { width: 1.36rem; height: 1.36rem; margin: 0; border: 1px solid rgb(255,255,255); } .input-row-icon{ line-height: 0.88rem; position: absolute; right: 0.3rem; } .order-bg { width: 1.6rem; height: 1.6rem; background-position: top; background-size: cover; background-repeat: no-repeat; } .mui-btn-price { color: #fff; border: 1px solid #FF9F19; background-color: #FF9F19; } .msg{ text-align: center; padding-top: 0.72rem; } .msg-icon{ margin-bottom: 0.6rem; } .msg-text{ margin-bottom: 0.5rem; padding: 0 0.4rem; } .msg-title{ margin-bottom: 0.1rem; font-weight: 400; font-size: 0.4rem; } .icon-wancheng{ color: #FF6666; font-size: 1.86rem; } .icon-chucuo{ color: #F76260; font-size: 1.86rem; } .comment-avatar{ line-height: 0.48rem; max-width: 0.48rem; height: 0.48rem; background-color: #ddd; border-radius: 50%; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; padding: 0.2rem; border: 1px solid #faebcc; border-radius: 0.1rem; font-size:0.28rem; } .image-list { width: 100%; height: 1.7rem; background-size: cover; padding: 0.2rem 0.2rem; overflow: hidden; } .image-item { width: 1.3rem; height: 1.3rem; background-image: url(../image/tianjia.png); background-size: 100% 100%; display: inline-block; position: relative; border-radius: 0.1rem; margin-right: 0.2rem; margin-bottom: 0.2rem; border: solid 1px #e8e8e8; } .image-item.space { border: none; } .image-item.space .image-close { display: none; } .image-item .image-close { position: absolute; display: inline-block; right: -0.12rem; top: -0.12rem; width: 0.4rem; height: 0.4rem; text-align: center; line-height: 0.4rem; border-radius: 0.24rem; background-color: #FF5053; color: #f3f3f3; border: solid 1px #FF5053; font-size: 0.18rem; font-weight: 200; z-index: 1; } .image-item input[type="file"] { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 0; } .icon-bg{ background-color: #FF6666; border-radius: 50%; color: #fff; height: 0.8rem; width: 0.8rem; display: inline-block; } .product-info{ background-color: #f33!important; padding: 0.1rem 0.3rem; color: #fff; font-size: 0.28rem; } .product-info .price{ padding: 0.34rem 0.2rem 0 0; } .product-info .btn1{ background: rgba(0, 0, 0, 0.3); border-radius: 0.06rem; padding: 0.06rem 0.12rem; font-size: 0.26rem; } .product-info .iconfont{ font-size: 0.64rem; padding-top: 0.24rem; color: #ff3; width: 0.6rem; } .product-merchant{ color: #333; margin-bottom: 0.1rem!important; font-size: 0.32rem; line-height: 1.2; } .product-title{ color: #666; -webkit-box-pack: center; font-size: 0.3rem; line-height: 1.2; margin-bottom: 0.1rem!important; height: 0.7rem; } .product-img-border{ border: 1px solid #eee; padding: 0.1rem; border-radius: 5px; background: #fff; width: 2rem; text-align: center; overflow: hidden; } .product-img-border img{ max-width: 100%; height:auto; display: block; } .product-img{ width: 26%; text-align: center; overflow: hidden; position: relative; } .product-img img{ width: 100%; height: auto; border-radius: 0.1rem; display: block; } .product-img .img-icon { display: block; position: absolute; top: 0; left: 0; padding: 0.02rem 5%; background: rgba(0,0,0,0.6); color: #fff; font-size: 0.26rem; border-radius: 0.1rem 0 0.1rem 0; } .product-price{ font-family: arial,verdana,sans-serif!important; color: #FF6666; font-size: 0.28rem; } .product-price em { font-style: normal; font-family: arial; font-weight: 400; font-size: 0.36rem; color: #FF6666; } .product-price span{ font-size: 0.26rem } .product-price em b { margin-right: 0.1rem; font-weight: 400; } .to-address{ float: right; width: 70%; padding-right: 0.6rem; line-height: 0.88rem; height: 0.88rem; } .notice{ position: absolute; top: 0; left: 0; height: 0.56rem; width: 100%; background: rgba(255, 255, 255, .6); z-index: 2; font-size: 0.28rem; padding:0 0.3rem; color: #ff5053; } .notice span{ line-height: 0.56rem; display: inline-block; position: absolute; } .notice i{ margin-right: -0.2rem; margin-left: -0.2rem; padding-right: 0.2rem; padding-left: 0.2rem; padding-top: 0.04rem; padding-bottom: 0.04rem; } .check-label{ float: none; width: 100%; font-family: 'Helvetica Neue', Helvetica, sans-serif; line-height: 1.1; padding: 0.19rem 0.3rem; } .check-tip{ font-size: 0.28rem; color: #8f8f94; padding-right: 0.8rem; } .nav{ position: relative; } .tabbar { position: absolute; bottom: 0; width: 100%; height: 10%; background: url(../image/tabbar.png) no-repeat; background-size: 100% 100%; z-index: 1; } .provide_list { float: left; padding: 0 .2rem; font-size: 0.26rem; color: #999; } .provide_list .iconfont { font-size: 0.32rem; color: #f20; padding-right: 0.06rem; } .header { position: fixed; z-index: 10; right: 0; left: 0; width: 100%; } .back{ margin: 0.2rem; width: 0.6rem; height: 0.6rem; line-height: 0.6rem; text-align: center; color: #fff; cursor: pointer; background: rgba(0, 0, 0, 0.5); border-radius: 50%; } .header .icon-cha{ position: absolute; right: 0.2rem; color: #fff; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mui-slider-name{ position: absolute; bottom: 0; line-height: 0.4rem; padding: 0.04rem 2%; background: rgba(0, 0, 0, 0.4); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #fff; font-size: 0.32rem; z-index: 1; width: 100%; } .share-bg{ display: block; width: 100%; position: fixed; left: 0; top: 0; bottom: 0; z-index: 18888; background: rgba(0, 0, 0, .7); } .share-img{ width: 100%; position: fixed; top: 5px; z-index: 18889; } .qr-mask{ display: none; position: fixed; top: 0px; width: 100%; max-width: 640px; height: 100%; background: rgb(102, 102, 102); z-index: 115; cursor: pointer; } .pic-box{ width: 300px; background: rgb(255, 255, 255); } .pic-box img{ width: 100%; } .pic-box .pic-title{ font-size: 14px; padding: 0px 10px; color: #333; line-height: 1.3; } .pic-box .pic-price{ font-size: 14px; padding: 0px 10px; color: #333; line-height: 1.2; } .circle{ border-radius: 50%; width: 1.6rem; height: 1.6rem; border: 3px solid #ff6666; margin: 0 auto 5px; line-height: 1.6rem; font-size: 0.32rem; } .product-section{ background-color: #ffffff; padding: 0.22rem 0.3rem; margin-top: 0.2rem } .section-title{ padding: 0.2rem 0; position: relative; } .section-style1{ padding-top: 0.2rem; } .section-style2{ padding-top: 0.2rem; } .section-style1 .section-list { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .section-style2 .section-list { display: inline-block; width: 100%; overflow: auto; white-space: nowrap; } .section-style1 .section-list .section-item { width: 48.5%; display: block; margin-bottom: 0.3rem; position: relative; } .section-style2 .section-list .section-item { width: 3rem; display: inline-block; margin-right: 0.3rem; } .section-list .section-item .image-box { overflow: hidden; position: relative; border-radius: 0.05rem; } .section-list .section-item .info-box { padding: 0.2rem 0; } .section-list .info-title { margin-bottom: 0.2rem; font-size: 0.28rem; line-height: 0.4rem; height: 0.8rem; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; white-space: normal!important; -webkit-line-clamp: 2; color: #333; } .section-style1 .section-list .section-item:nth-last-child(1):after, .section-style1 .section-list .section-item:nth-last-child(2):after { visibility: hidden; } .section-style1 .section-item:after { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #e5e5e5; } .section-item-status.end { background-image: url(https://ui.fhcloudapi.cn/xcx_urm/img/goods-end.png); } .section-item-status.stop { background-image: url(../image/car/stop-sale.png); } .section-item-status { overflow: hidden; position: absolute; top: 0; right: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background-color: rgba(0,0,0,0.4); background-position: center; background-repeat: no-repeat; background-size: auto 60%; }