代码拉取完成,页面将自动刷新
同步操作将从 萤火科技/萤火商城V2.0 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
/* iconfont */
@import "utils/iconfont.wxss";
.container, input {
font-family: PingFang-Medium,
PingFangSC-Regular,
Heiti,
Heiti SC,
DroidSans,
DroidSansFallback,
"Microsoft YaHei",
sans-serif;
-webkit-font-smoothing: antialiased;
}
page {
background: #f7f7f7;
}
.b-f {
background: #fff;
}
.tf-180 {
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.tf-90 {
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.dis-box {
display: box !important;
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-box !important;
}
.box-flex {
box-flex: 1;
display: block;
width: 100%;
}
.dis-flex {
display: flex !important;
flex-wrap: wrap;
width: 100%;
}
.flex-box {
flex: 1;
}
.flex-five {
box-sizing: border-box;
flex: 0 0 50%;
}
.flex-three {
float: left;
width: 33.3%;
}
.flex-four {
box-sizing: border-box;
flex: 0 0 25%;
}
.t-l {
text-align: left;
display: block;
}
.t-c {
text-align: center;
display: block;
}
.t-r {
text-align: right;
display: block;
}
.p-a {
position: absolute;
}
.p-r {
position: relative;
}
.fl {
float: left;
}
.fr {
float: right;
}
.oh {
overflow: hidden;
}
.tb-lr-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.f-34 {
font-size: 34rpx;
}
.f-32 {
font-size: 32rpx;
}
.f-31 {
font-size: 31rpx;
}
.f-30 {
font-size: 30rpx;
}
.f-28 {
font-size: 28rpx;
}
.f-26 {
font-size: 26rpx;
}
.f-24 {
font-size: 24rpx;
}
.f-22 {
font-size: 22rpx;
}
.f-w {
font-weight: 700;
}
.f-n {
font-weight: 400;
}
.col-f {
color: #fff;
}
.col-3 {
color: #333;
}
.col-6 {
color: #666;
}
.col-7 {
color: #777;
}
.col-9 {
color: #999;
}
.col-m {
color: #ff495e !important;
}
.col-s {
color: #be0117 !important;
}
.cont-box {
padding: 10px 12px;
}
.cont-bot {
margin-bottom: 120rpx;
}
.padding-box {
padding: 0 12px;
}
.pl-12 {
padding-left: 12px;
}
.pr-12 {
padding-right: 12px;
}
.pr-6 {
padding-right: 6px;
}
.m-top4 {
margin-top: 4rpx;
}
.m-top10 {
margin-top: 10rpx;
}
.m-top20 {
margin-top: 25rpx;
}
.p-bottom {
padding-bottom: 56px;
}
.onelist-hidden {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.twolist-hidden {
display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.b-r {
border-right: 1rpx solid #eee;
}
.b-b {
border-bottom: 1rpx solid #eee;
}
.b-t {
border-top: 1rpx solid #eee;
}
.ts-1 {
-moz-transition: all 0.1s;
-o-transition: all 0.1s;
transition: all 0.1s;
}
.ts-2 {
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.ts-3 {
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.ts-5 {
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.common-header-xian {
border-top: 1rpx solid #eee;
position: fixed;
top: 0;
width: 100%;
z-index: 100;
}
.title-hrbg {
position: relative;
z-index: 1;
height: 80rpx;
line-height: 80rpx;
overflow: hidden;
color: #888;
text-align: center;
margin-top: 30rpx;
}
.title-hrbg .cont {
background: #f7f7f7;
padding: 1rem 0.6rem;
font-size: 28rpx;
z-index: 10;
}
.title-hrbg .cont .icon-huo {
padding-right: 10rpx;
}
.title-hrbg .hr {
background: #ddd;
height: 1rpx;
border: 0;
position: absolute;
left: 10%;
right: 10%;
top: 50%;
margin-top: 1px;
z-index: -1;
}
.del {
TEXT-DECORATION: line-through;
padding-left: 10rpx;
color: #999;
}
.ectouch-notcont {
margin: 130rpx 100rpx;
}
.ectouch-notcont .cont {
display: block;
text-align: center;
font-size: 30rpx;
color: #999;
margin-top: 10rpx;
}
.ectouch-notcont .iconfont {
font-size: 150rpx;
color: #ccc;
text-align: center;
display: block;
margin-bottom: 10rpx;
}
.ectouch-notcont .img {
width: 200px;
height: 120px;
margin: 0 auto;
}
.ectouch-notcont .img image {
width: 100%;
height: 100%;
}
.category-list {
overflow: hidden;
}
.category-list .list {
box-sizing: border-box;
width: 50%;
float: left;
}
.category-list .list:nth-child(2n) {
border-left: 2px solid #f7f7f7;
border-bottom: 4px solid #f7f7f7;
}
.category-list .list:nth-child(2n-1) {
border-right: 2px solid #f7f7f7;
border-bottom: 4px solid #f7f7f7;
}
.category-list .list .left, .category-list .right {
width: 100%;
}
.category-list .list .left .img image {
width: 100%;
height: 375rpx;
display: block;
}
.category-list .right .cont {
padding: 0 12rpx;
}
.category-list .right .cont .title {
height: 82rpx;
}
.category-list.arrange .list {
overflow: hidden;
padding: 15rpx;
border-bottom: 1rpx solid #f7f7f7;
width: 100%;
}
.category-list.arrange .list .left {
width: 35%;
float: left;
}
.category-list.arrange .list .right {
width: 65%;
float: left;
}
.category-list.arrange .list .left .img image {
width: 220rpx;
height: 220rpx;
}
.button-common button {
background: none;
line-height: inherit;
border-radius: 0;
border: 0;
font-size: 30rpx;
}
.button-common button[disabled]:not([type]) {
color: #fff;
background-color: #ff495e;
}
.button-common button::after {
content: " ";
width: 0;
height: 0;
border: none;
transform: scale(0);
transform-origin: 0 0;
box-sizing: border-box;
border-radius: 0;
}
.commont-fixed-footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #fff;
border-top: 1rpx solid #ddd;
padding: 3px 0;
z-index: 1000;
}
.commont-fixed-footer .li {
color: #666;
}
.commont-fixed-footer .li.active {
color: #ff495e;
}
.commont-fixed-footer .li image {
width: 50rpx;
height: 50rpx;
}
.goods-fixed-icon .bargain-icon {
height: 50rpx;
}
.goods-fixed-icon .bargain-icon image {
height: 50rpx;
width: 50rpx;
margin-top: -40rpx;
}
.goods-fixed-icon .bargain-home {
margin-top: 6rpx;
text-align: center;
}
.bargain-mol {
background: #fff;
position: fixed;
left: 0;
right: 0;
bottom: -100%;
z-index: 120;
visibility: hidden;
}
.bargain-mol.active {
bottom: 0;
visibility: visible;
}
.bargain-mol .header {
background: #f1f1f5;
}
.bargain-mol .footer {
background: #ff495e;
padding: 26rpx 0;
color: #fff;
}
.bargain-mol .max-cont {
height: 600rpx;
}
.bargain-mol .icon-guanbi {
font-size: 34rpx;
float: right;
color: #999;
}
.bargain-commont-bg {
background: rgba(0, 0, 0, 0.6);
position: fixed;
right: 0;
left: 0;
top: 0;
bottom: 0;
z-index: 20;
}
.index-goods-list .list-box image {
width: 100%;
height: 375rpx;
display: block;
}
.index-goods-list .list-box:nth-child(2n) {
border-left: 2px solid #f7f7f7;
border-bottom: 4px solid #f7f7f7;
}
.index-goods-list .list-box:nth-child(2n-1) {
border-right: 2px solid #f7f7f7;
border-bottom: 4px solid #f7f7f7;
}
.index-goods-list .list-box .title {
margin: 15rpx 15rpx 0 15rpx;
height: 82rpx;
}
.index-goods-list .list-box .price {
padding: 15rpx 15rpx 20rpx;
display: block;
}
.index-goods-list .list-box .price .del {
padding: 0 0 0 10rpx;
font-size: 22rpx;
text-decoration: line-through;
}
.group-list .item {
border-top: 1rpx solid #eee;
}
.group-list .item .user-left {
width: 30%;
}
.group-list .item .user-left image {
width: 180rpx;
height: 180rpx;
border: 1rpx solid #f7f7f7;
}
.group-list .item .user-right .price {
padding-top: 20rpx;
display: block;
}
.selectNumber {
height: 34px;
flex-direction: row;
border: 1rpx solid #eee;
border-radius: 10rpx;
display: inline-block;
}
.selectNumber .default {
width: 34px;
height: 34px;
float: left;
line-height: 32px;
padding: 0;
background: #fff;
color: #444;
font-size: 48rpx;
}
.selectNumber .default-active {
background: #f7f7f7;
color: #ddd;
}
.selectNumber button:after {
content: none;
border: none;
}
.selectNumber input {
float: left;
width: 50px;
height: 34px;
line-height: 34px;
border-right: 1rpx solid #eee;
border-left: 1rpx solid #eee;
text-align: center;
font-size: 28rpx;
color: #444;
}
.widget-goTop {
position: fixed;
bottom: 150rpx;
z-index: 20;
right: 12px;
background: rgba(255, 255, 255, 0.9);
width: 76rpx;
height: 76rpx;
border-radius: 76rpx;
border: 1rpx solid #eee;
}
.widget-goTop .icon-fanhuidingbu {
color: #666;
display: block;
text-align: center;
line-height: 76rpx;
font-size: 32rpx;
}
.filter-menu {
position: fixed;
right: 12px;
bottom: 250rpx;
z-index: 10;
}
.filter-menu-title {
width: 76rpx;
height: 76rpx;
border-radius: 100%;
background: #ff495e;
opacity: 0.8;
position: absolute;
right: 0;
bottom: 0;
}
.filter-menu-title:before, .filter-menu-title:after {
content: " ";
display: block;
width: 1px;
height: 38rpx;
background: #fff;
position: absolute;
left: 50%;
margin-left: -1px;
top: 50%;
margin-top: -20rpx;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.filter-menu-title:after {
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.filter-menu-list {
background: rgba(0, 0, 0, 0.7);
border-radius: 2.3rem;
overflow: hidden;
right: 0;
height: 0;
opacity: 0;
width: 76rpx;
position: absolute;
bottom: 0;
visibility: hidden;
}
.filter-menu-list custom-ul {
width: 76rpx;
margin-top: 1rem;
}
.filter-menu-list custom-ul custom-li {
margin: 0 0.2rem;
color: #fff;
text-align: center;
padding: 18rpx 0;
display: block;
}
.filter-menu-list custom-ul custom-li text {
font-size: 34rpx;
}
.filter-menu-list custom-ul custom-li em {
display: block;
font-size: 1.1rem;
right: -0.2rem;
padding: 0.1rem 0.4rem;
}
.filter-menu-list custom-ul custom-li.w {
height: 50rpx;
}
.filter-nenu-cart {
position: relative;
}
.filter-nenu-cart span {
position: absolute;
top: 0.3rem;
left: 50%;
margin-left: -.2rem;
height: 1.3rem;
min-width: 1.3rem;
line-height: 1.3rem;
padding: 0 0.2rem;
box-sizing: border-box;
font-size: 1rem;
color: #fff;
background: #1faf5a;
border-radius: 6rem;
}
.filter-menu.active .filter-menu-title {
opacity: 1;
}
.filter-menu.active .filter-menu-list {
right: 0;
height: inherit;
opacity: 1;
visibility: visible;
}
.filter-menu.active .filter-menu-title:before, .filter-top:before {
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.filter-menu.active .filter-menu-title:after, .filter-top:after {
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.index-loading .loading {
border-radius: 100%;
margin: 150rpx auto 0;
animation-fill-mode: both;
border: 2px solid #ff495e;
border-bottom-color: transparent;
height: 25px;
width: 25px;
background: transparent !important;
animation: rotate 0.75s 0s linear infinite;
}
@-webkit-keyframes rotate {
0% {
transform: rotate(0deg) scale(1);
}
100% {
transform: rotate(360deg) scale(1);
}
}
@keyframes rotate {
0% {
transform: rotate(0deg) scale(1);
}
100% {
transform: rotate(360deg) scale(1);
}
}
.index-profile-cont {
position: fixed;
top: 20%;
left: 10%;
right: 10%;
background: #fff;
z-index: 5001;
border-radius: 4px;
padding: 0 15px;
}
.index-profile-cont .header text {
text-align: center;
display: block;
border-bottom: 1rpx solid #eee;
padding: 28rpx 20rpx 20rpx 20rpx;
}
.index-profile-cont .cont {
padding: 20rpx;
border-bottom: 1rpx solid #eee;
}
.index-profile-cont .cont input {
font-size: 28rpx;
}
.index-profile-cont .footer {
padding: 20rpx;
}
.index-profile-cont .footer .btn {
background: #ff495e;
border-radius: 4px;
color: #fff;
text-align: center;
padding: 12rpx 0;
font-size: 28rpx;
width: 250rpx;
margin: 0 auto;
line-height: 1.5;
}
.index-profile-box.show {
display: none;
}
.title-header {
height: 100rpx;
line-height: 100rpx;
font-weight: 700;
margin-left: -10rpx;
}
.title-footer {
position: relative;
z-index: 1;
height: 80rpx;
line-height: 80rpx;
overflow: hidden;
color: #888;
text-align: center;
margin: 0 18rpx 0;
}
.title-footer .cont {
background: #f7f7f7;
padding: 0 12rpx;
font-size: 28rpx;
z-index: 10;
}
.title-footer .hr {
background: #eee;
height: 1rpx;
border: 0;
position: absolute;
left: 10%;
right: 10%;
top: 50%;
margin-top: 1px;
z-index: -1;
}
.common-list {
margin-top: 10px;
}
.common-list .min-title {
height: 100rpx;
line-height: 100rpx;
}
.common-list custom-ul custom-li {
height: 210rpx;
padding: 12px;
display: block;
background: #fff;
margin: 15rpx;
border-radius: 4px;
}
.common-list custom-ul custom-li:first-child {
margin-top: 0;
}
.common-list .cont-two .price {
margin-top: 80rpx;
display: block;
}
.max-list .cont-one {
width: 36%;
height: 100%;
}
.max-list .cont-two {
width: 64%;
height: 100%;
}
.max-list .cont-one image {
width: 210rpx;
height: 210rpx;
display: block;
float: right;
}
.search-input-box {
height: 64rpx;
/* overflow: hidden; */
}
.search-input {
width: 80%;
background: #fff;
border-radius: 5px 0 0 5px;
padding-left: 10rpx;
box-sizing: border-box;
overflow: hidden;
}
.search-input input {
font-size: 30rpx;
height: 64rpx;
line-height: 64rpx;
}
.serch-button {
width: 20%;
box-sizing: border-box;
}
.serch-button button {
line-height: 64rpx;
height: 64rpx;
font-size: 28rpx;
border-radius: 0 5px 5px 0;
}
.banner-box {
/* height: 335rpx; */
}
.slide-image {
width: 100%;
height: 100%;
margin: 0 auto;
display: block;
}
.linear {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3.4rem;
background: linear-gradient(#111, transparent);
opacity: 0.6;
z-index: 9;
}
.index-banner {
position: relative;
}
.index-search-box {
/* padding: 18rpx 0 12rpx 0;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 4999;
box-sizing: border-box; */
}
.index-search {
width: 90%;
border-bottom: 0;
background: rgba(255, 255, 255, 0.5);
border-radius: 80rpx;
overflow: hidden;
position: relative;
color: #fff;
box-sizing: border-box;
margin: 0 auto;
line-height: 55rpx;
}
.index-search .cont .icon-sousuo {
margin-right: 10rpx;
}
.left-title {
margin-left: 12px;
}
.left-title, .right-title {
font-size: 30rpx;
align-items: center;
line-height: 45rpx;
}
.index-search-box .left-title {
position: relative;
}
.index-search-box .left-title .icon-dingwei1 {
top: 50%;
margin-top: -22rpx;
}
.index-search-box .left-title .cont {
padding: 0 2rpx;
max-width: 150rpx;
overflow: hidden;
margin-left: 32rpx;
}
.left-title image {
height: 40rpx;
}
.right-title .iconfont {
padding-right: 12px;
font-size: 35rpx;
}
.index-cont-img image {
height: 35rpx;
}
.index-cont-img {
width: 15%;
}
.index-cont-search {
width: 85%;
font-size: 32rpx;
}
.index-cont-img icon {
padding: 6rpx 18rpx 0 18rpx;
}
.index-title {
padding: 0 0 18rpx 0;
}
.index-title .more-title {
padding-right: 30rpx;
}
.index-title .xiangyoujiantou-more {
position: absolute;
right: 12px;
top: 50%;
margin-top: -12rpx;
}
.index-title .title {
padding-left: 4rpx;
}
.index-activity-list .left {
border-right: 1rpx solid #eee;
border-top: 1rpx solid #eee;
}
.index-activity-list .left, .index-activity-list .right {
background: #fff;
}
.index-activity-list .left image {
width: 100%;
height: 380rpx;
}
.index-activity-list .right {
border-right: 1rpx solid #eee;
}
.index-activity-list .right .right-top image,
.index-activity-list .right .right-bottom image {
width: 100%;
height: 190rpx;
}
.index-activity-list .right .right-bottom {
border-top: 1rpx solid #eee;
}
.index-category {
background: #fff;
}
.index-category .li {
border-right: 1rpx solid #eee;
height: 164rpx;
border-bottom: 1rpx solid #eee;
}
.index-category .li image {
width: 100%;
height: 100%;
display: block;
}
.index_sale {
background: #fff;
padding: 0 12px 12px 12px;
}
.index_sale .nav_img, .index-list .nav_img {
padding: 30rpx 0 0 0;
width: 100%;
height: 30rpx;
}
.index_sale scroll-view {
width: 100%;
white-space: nowrap;
}
.index_sale .sale_img {
border: 1rpx solid #f2f2f2;
border-radius: 4px;
overflow: hidden;
width: 159rpx;
height: 159rpx;
}
.index_sale .sale_img image {
width: 100%;
height: 100%;
}
.index_sale .price {
margin-top: 10rpx;
display: block;
}
.index_sale .page-column {
padding: 0 11rpx 11rpx 0;
}
.index_sale .content {
width: 170rpx;
}
.index_sale .content text {
font-size: 26rpx;
margin: 5rpx 10rpx;
width: 100%;
}
.halfwidth-item {
width: 50%;
display: inline-block;
}
.goods-title {
overflow: hidden;
padding: 0 0rpx 0 0;
color: #333;
}
.money-box {
margin-top: 10rpx;
}
.money-box .num {
color: #ff495e;
font-size: 40rpx;
margin-top: 10rpx;
}
.money-box .del {
font-size: 24rpx;
color: #999;
margin-left: 6rpx;
TEXT-DECORATION: line-through;
}
.goods-sales-box {
color: #888;
}
.goods-sales-box .stock {
text-align: right;
display: block;
}
.goods-service text {
color: #888;
}
.goods-service .content {
font-size: 28rpx;
color: #777;
padding: 10rpx 0;
}
.goods-service .content li {
height: 50rpx;
line-height: 50rpx;
display: flex;
flex-wrap: wrap;
width: 100%;
}
.goods-service .content li icon {
width: 20rpx;
margin-right: 10rpx;
}
.goods-service .content text {
justify-content: center;
line-height: 50rpx;
}
.goods-service-cont {
margin-top: 10rpx;
overflow: hidden;
}
.goods-service-cont text {
margin-left: 5rpx;
}
.goods-property-box {
position: relative;
padding: 12px;
}
.goods-property-box .m-l {
color: #ff495e;
font-size: 30rpx;
}
.goods-property-jianTou {
width: 52rpx;
position: absolute;
right: 0;
top: 50%;
margin-top: -13rpx;
}
.goods-property-jianTou image {
height: 100%;
width: 100%;
}
.goods-coupon-cont coupons-li {
padding: 15rpx 15rpx 0 15rpx;
}
.goods-coupon-cont coupons-li .max-left {
border-radius: 5px 0 0 5px;
}
.goods-coupon-cont coupons-li .max-right {
border-radius: 0 5px 5px 0;
}
.goods-coupon-cont coupons-li .max-left,
.goods-coupon-cont coupons-li .max-right {
padding: 25rpx;
background: #fff;
position: relative;
}
.goods-coupon-cont coupons-li .max-right {
width: 60rpx;
background: #74d2d4;
font-size: 26rpx;
color: #fff;
padding: 20rpx;
}
.goods-coupon-cont coupons-li .max-right text {
display: block;
}
.goods-coupon-cont coupons-li .coupons-box .left .price {
color: #74d2d4;
font-size: 52rpx;
font-weight: 700;
padding-left: 15rpx;
}
.goods-coupon-cont coupons-li .coupons-box .left .sup {
color: #74d2d4;
font-size: 26rpx;
position: absolute;
left: 24rpx;
top: 30rpx;
}
.goods-coupon-cont coupons-li .coupons-box .right {
padding: 8rpx 0 0 8rpx;
}
.goods-coupon-cont coupons-li .coupons-box .right .s_name {
display: block;
color: #74d2d4;
}
.goods-coupon-cont coupons-li .max-left .semi-circle {
position: absolute;
right: -3rpx;
top: 0;
bottom: 5rpx;
z-index: 1;
}
.goods-coupon-cont coupons-li .max-left .semi-circle image {
width: 6rpx;
height: 100%;
}
.goods-coupon-cont coupons-li .max-left .print-img {
position: absolute;
right: 10rpx;
bottom: 10rpx;
}
.goods-coupon-cont coupons-li .max-left .print-img image {
width: 90rpx;
height: 90rpx;
}
.cart_close {
position: absolute;
right: 10px;
top: 12px;
z-index: 1;
}
.cart_product {
padding: 0 0 24rpx 0;
}
.modal_cont_box {
padding: 20rpx 12px;
border-top: 1rpx solid #eee;
}
.cart_product_img {
flex: 3;
}
.cart_product_img image {
border: 3rpx solid #eee;
width: 200rpx;
height: 200rpx;
position: absolute;
top: -40rpx;
border-radius: 10rpx;
overflow: hidden;
background: #fff;
}
.cart_product_info {
flex: 6;
padding-right: 30px;
padding-left: 20rpx;
margin-left: 220rpx;
height: 130rpx;
}
.cart_product_info .h4 {
height: 44rpx;
}
.cart_product_repertory {
font-size: 14px;
color: #999;
}
.cart_product_price {
font-size: 36rpx;
color: #ff495e;
padding: 8rpx 0;
}
.buy_number {
justify-content: space-between;
margin: 0;
}
.buyNumber {
color: #888;
background: #fff;
border-radius: 10rpx;
margin-bottom: 10rpx;
}
.cart_sure {
height: 44px;
line-height: 44px;
background: #ff495e;
text-align: center;
color: #fff;
border-radius: 0;
}
buy_number {
justify-content: space-between;
margin: 10px 5px;
}
.flex {
display: flex;
}
.tmall-types.mb20 {
margin-bottom: 20rpx;
}
.tipstxt {
font-size: 28rpx;
color: #888;
margin-bottom: 10rpx;
}
.cartypeitem {
position: relative;
display: inline-block;
overflow: hidden;
height: 60rpx;
font-size: 31rpx;
line-height: 60rpx;
padding: 0 30rpx;
margin: 0 20rpx 20rpx 0;
border: 1rpx solid #f3f2f8;
background: #f3f2f8;
border-radius: 10rpx;
color: #444;
}
.cartypelist {
display: inline-block;
}
.cartypeitem.cur {
background: #ff495e;
color: #fff;
border: 1rpx solid #ff495e;
}
.cartypeitem.cur:after {
position: absolute;
bottom: 0;
right: 0;
content: '';
display: inline-block;
width: 16rpx;
height: 16rpx;
}
.cartypeitem.disabled {
color: #dedede;
cursor: not-allowed;
background: #eee;
border: 2rpx dashed #dedede;
}
.tmall-process {
width: 690rpx;
padding: 20rpx 30rpx 20rpx;
background: #fff;
}
.pub-title {
width: 656rpx;
height: 48rpx;
color: #333;
font-size: 28rpx;
line-height: 48rpx;
background: #fff;
padding-left: 24rpx;
margin-bottom: 30rpx;
border-left: 10rpx solid #ff7200;
}
.question_container {
width: 100%;
margin-top: 10rpx;
background-color: #fff;
text-align: center;
padding: 15px;
}
.question_hint {
font-size: 24rpx;
line-height: 1.2;
padding: 20rpx 30rpx;
background: #fff;
color: black;
}
.question_phone {
color: lightseagreen;
}
.fixed-bottom {
position: fixed;
left: 0px;
bottom: 0px;
width: 100%;
height: 50px;
background-color: rgba(0, 0, 0, 0.4);
z-index: 9999;
}
.nav-bg {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 20;
background: rgba(0, 0, 0, 0.1);
}
.goods-comment-box .admin {
font-size: 26rpx;
color: #999;
padding-right: 10rpx;
}
.goods-comment-cont {
font-size: 30rpx;
color: #333;
margin: 10rpx 0;
}
.paramete-cont-box {
padding: 15rpx 4rpx;
}
.paramete-cont {
font-size: 28rpx;
color: #777;
border-left: 1rpx solid #eee;
border-top: 1rpx solid #eee;
background: #fff;
}
.paramete-cont .li {
border-right: 1rpx solid #eee;
padding: 10rpx;
text-align: center;
}
.paramete-cont .li text {
color: #444;
}
.goods-title-right image .hidden {
display: none;
}
.number-banner {
position: absolute;
right: 30rpx;
margin-top: -70rpx;
padding: 0 18rpx;
background: rgba(0, 0, 0, 0.3);
border-radius: 50rpx;
color: #fff;
font-size: 32rpx;
}
.number-banner text:last-child {
color: rgba(255, 255, 255, 0.6);
font-size: 26rpx;
}
.hidden {
display: none;
}
.cart {
background-color: #fff;
}
.footer-fixed {
position: fixed;
display: flex;
bottom: 0px;
left: 0px;
right: 0px;
height: 46px;
z-index: 18;
box-shadow: 1px 5px 15px rgba(50, 50, 50, 0.3);
background: #fff;
}
.footer-fixed .goods-fixed-icon {
width: 150rpx;
background: #fff;
margin: 0 auto;
padding: 0 6rpx;
border-left: 1rpx solid #eee;
height: 46px;
position: relative;
}
.footer-fixed .goods-fixed-icon:first-child {
border-left: none;
}
.goods-fixed-icon image {
width: 56rpx;
height: 56rpx;
display: block;
position: absolute;
left: 50%;
margin-left: -28rpx;
top: 50%;
margin-top: -26rpx;
}
.order-number {
width: 50%;
background-color: #f4a213;
color: #fff;
text-align: center;
line-height: 46px;
}
.order-bt {
width: 50%;
background-color: #ff495e;
color: #fff;
text-align: center;
line-height: 46px;
}
.default-btn {
width: 50%;
background-color: #ccc;
color: #fff;
text-align: center;
line-height: 46px;
}
.swiper-box .wx-swiper-dot {
/* width: 0rpx;
height: 0rpx; */
}
.goods_comment_box .comment_btn {
width: 220rpx;
margin: 0 auto;
padding: 20rpx 0;
}
.goods_comment_box .comment_btn text {
display: block;
padding: 5rpx 0;
color: #ff495e;
font-size: 26rpx;
text-align: center;
border: 1px solid #ff495e;
border-radius: 30rpx;
}
.user-orderJtou-1 {
color: #999;
font-size: 26rpx;
position: absolute;
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.user-orderJtou-2 {
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.goods-fixed-icon .icon-shoucang {
font-size: 40rpx;
}
.goods-fixed-icon .s_cont {
color: #ff495e;
}
.goods-title .tag {
background: #ff495e;
color: #fff;
font-size: 22rpx;
border-radius: 20rpx;
padding: 2rpx 8rpx;
margin-right: 10rpx;
}
.goods-store .store_logo {
height: 55rpx;
}
.goods-store .store_logo image {
border: 1rpx solid #eee;
width: 180rpx;
height: 55rpx;
margin-right: 10rpx;
}
.goods-store .store_name {
line-height: 55rpx;
}
.flow_num {
background: #ff495e;
position: absolute;
right: 20rpx;
top: 10rpx;
border-radius: 30rpx;
height: 30rpx;
min-width: 30rpx;
}
.goods-cont-li .wxParse-inline {
font-size: 30rpx;
padding: 20rpx 10rpx;
}
.goods-detail-box {
padding: 0;
min-height: 150px;
}
.com_xing .icon-shoucang1 {
padding-right: 6rpx;
color: #ccc;
font-size: 26rpx;
}
.com_xing .icon-shoucang1.active {
color: #f4a213;
}
.goods-comment-box .left {
flex: 3;
position: relative;
}
.goods-comment-box .right {
flex: 3;
}
.comment-num {
position: absolute;
right: 34px;
top: 50%;
margin-top: -20rpx;
font-size: 28rpx;
color: #333;
}
.order-number button {
background: none;
padding: 0;
font-size: 34rpx;
color: #fff;
line-height: inherit;
border-radius: 0;
border: 0;
}
.order-number button::after {
content: " ";
width: 0;
height: 0;
position: absolute;
top: 0;
left: 0;
border: none;
transform: scale(0);
transform-origin: 0 0;
box-sizing: border-box;
border-radius: 0;
}
.bright789-text {
font-size: 40rpx;
line-height: 40px;
color: #f00;
}
.bright789_view_hide {
display: none;
}
.bright789_view_show {
display: block;
}
.show {
display: block;
}
.hide {
display: none;
}
.top-nav-bar {
display: flex;
flex-wrap: wrap;
/* justify-content: space-around; */
padding: 12px;
font-size: 31rpx;
}
#top-nav-bar-true span {
border-bottom: 1rpx #ff495e solid;
color: #ff495e;
padding-bottom: 12px;
}
#top-nav-bar-0 span {
color: #444;
}
.goods-cont-li image {
width: 100%;
display: block;
margin: 0 auto;
}
.goods-cont-li .wxParse-inline {
font-size: 30rpx;
}
.header-box {
display: flex;
border-bottom: #eee solid 1px;
}
.goods-left, .goods-right {
flex: 1;
font-size: 28rpx;
line-height: 40rpx;
height: 40rpx;
justify-content: center;
display: flex;
}
.goods-center {
flex: 3;
}
.goods-right image {
width: 60rpx;
height: 20rpx;
padding-top: 35rpx;
}
.menu {
background: #fff;
z-index: 100000;
}
.goods-nav {
background: rgba(0, 0, 0, 0.7);
position: absolute;
right: 30rpx;
top: 80rpx;
z-index: 19;
padding: 10rpx;
color: #fff;
font-size: 32rpx;
border-radius: 4px;
opacity: 1;
transform: scale(1);
display: none;
width: 30%;
}
.goods-nav .nav-list {
padding: 20rpx;
border-bottom: 1px solid rgba(100, 100, 100, 0.5);
color: #ccc;
}
.goods-nav .nav-list:last-child {
border-bottom: none;
}
.goods-nav:before {
content: "";
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-width: 12rpx;
border-style: solid;
bottom: 100%;
right: 25rpx;
border-bottom-color: rgba(51, 51, 51, 0.96);
}
.goods-nav.active {
display: block;
}
.com_xing {
display: inline-block;
}
.goods-cont {
padding: 10px 12px;
}
.goods-cont .store-img image {
width: 120rpx;
height: 120rpx;
border: 1rpx solid #eee;
}
.goods-cont .store_name {
display: block;
height: 34rpx;
padding-top: 20rpx;
}
.goods-fixed-icon contact-button {
display: block;
}
.swiper-item {
display: block;
height: 300rpx;
}
.nav-tab-wrp {
height: 88rpx;
width: 100%;
display: flex;
flex-direction: row;
background: rgba(250, 250, 250, 1);
position: fixed;
top: -1rpx;
z-index: 10;
}
.nav-tab-item {
width: 250rpx;
text-align: center;
line-height: 88rpx;
color: rgb(102, 102, 102);
}
.cart-tab-wrp {
height: 100rpx;
position: fixed;
bottom: 0rpx;
background: #fff;
border-top: 1rpx solid #ddd;
display: flex;
flex-direction: row;
width: 100%;
z-index: 10;
color: black;
}
.cart-item-total {
padding-left: 30rpx;
}
.cart-item-icon-wrp {
width: 110rpx;
height: 90rpx;
position: absolute;
top: -4rpx;
}
.cart-item-icon {
width: 90rpx;
height: 90rpx;
}
.cart-item-total-num {
display: inline-block;
width: 36rpx;
height: 36rpx;
font-size: 22rpx;
color: white;
line-height: 36rpx;
border-radius: 36rpx;
text-align: center;
position: absolute;
right: 2rpx;
}
.cart-item-total-price {
font-size: 32rpx;
color: #ff495e;
text-align: center;
}
.cart-item-total-price em {
display: block;
}
.menu-wrp {
overflow: hidden;
display: flex;
background-color: white;
flex-direction: row;
}
.menu-item-wrp {
text-align: center;
}
.menu-item {
width: 200rpx;
height: 200rpx;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.m-item-icon {
width: 100rpx;
height: 100rpx;
margin: 0 auto;
border-radius: 50%;
}
.m-item-title {
font-size: 24rpx;
color: black;
}
.left-side {
height: 1000rpx;
padding-bottom: 88rpx;
display: flex;
width: 200rpx;
background-color: #fff;
flex-direction: column;
}
.dish-category-title {
font-size: 28rpx;
color: #888;
border-bottom: 2px solid rgba(254, 78, 69, 0.8);
padding: 20rpx 0;
margin-bottom: 6rpx;
}
.right-side {
width: 100%;
height: 1000rpx;
color: #fff;
justify-content: center;
align-items: center;
}
.menu-footer {
height: 100rpx;
}
.dish-item {
width: 100%;
padding: 26rpx 0;
border-bottom: 1rpx solid #eee;
position: relative;
background: #fff;
}
.dish-item-wrp {
width: 100%;
display: flex;
flex-direction: row;
}
.dish-item-pic {
width: 100%;
margin-left: 15px;
}
.dish-item-pic image {
width: 200rpx;
height: 200rpx;
margin: 0 auto;
background: #fff;
border: 1rpx solid #eee;
}
.dish-item-info {
padding-left: 16rpx;
margin-right: 15px;
width: 68%;
}
.dish-item-sales {
color: #ccc;
font-size: 20rpx;
line-height: 50rpx;
}
.dish-item-money {
color: #ff495e;
font-size: 32rpx;
padding: 0 0 10rpx 0;
}
.dish-footer {
height: 100rpx;
}
.flow-dete {
position: absolute;
bottom: 25rpx;
right: 30rpx;
}
.flow-dete .icon-lajixiang {
color: #777;
font-size: 34rpx;
}
.cart-tab-item {
overflow: hidden;
line-height: 100rpx;
}
.cart-tab-item .cart-item-total-price {
float: left;
}
.wxParse_total_price {
float: left;
color: #f42424;
font-size: 28rpx;
padding: 10rpx 0;
}
.wxParse_total_price .wxParse-em {
font-style: normal;
font-size: 26rpx;
padding-right: 2rpx;
}
.wx-goods_price {
overflow: hidden;
}
.wx-goods_price .dish-item-money {
float: left;
}
.wxParse_goods_price {
float: left;
}
.flow-btn-min {
background: #fff;
border: 1rpx solid #ccc;
height: 30px;
line-height: 30px;
font-size: 28rpx;
width: 200rpx;
margin: 0 auto;
border-radius: 5px;
text-align: center;
color: #777;
margin-top: 25rpx;
}
.flow-checkout-header {
padding: 28rpx 0;
background: #fff url(http://shop.ectouch.cn/pt/themes/default/statics/img/flow_check_03.png) bottom left repeat-x;
background-size: 120rpx auto;
position: relative;
}
.flow-header-left {
flex: 14;
}
.flow-header-right {
flex: 1;
}
.flow-header-right image {
width: 34rpx;
height: 34rpx;
margin-top: 20rpx;
float: right;
}
.no-flow image {
margin-top: 6rpx;
}
.flow-checkout-header .flow-checkout-address {
font-size: 26rpx;
color: #777;
margin-top: 6rpx;
}
.flow-shopList {
padding: 20rpx 0;
}
.flow-shopList .flow-list-left {
flex: 2;
}
.flow-shopList .flow-list-left image {
width: 200rpx;
height: 200rpx;
border: 1rpx solid #eee;
background: #fff;
}
.flow-shopList .flow-list-right {
flex: 4;
}
.flow-shopList .flow-list-right .h4 {
font-size: 30rpx;
color: #333;
}
.flow-shopList .flow-list-right .flow-cont {
font-size: 30rpx;
color: #ff495e;
}
.flow-shopList .flow-list-right .small {
float: right;
font-size: 26rpx;
color: #777;
}
.flow-shopList .flow-list-right .flow-list-cont {
padding-top: 10rpx;
}
.flow-distribution {
padding: 18rpx 0;
border-bottom: 1rpx solid #eee;
}
.flow-distribution .flow-dis {
font-size: 30rpx;
}
.flow-distribution-left {
flex: 14;
}
.flow-distribution-left .m-l {
color: #333;
float: right;
}
.flow-distribution-right {
flex: 1;
}
.flow-distribution image {
width: 30rpx;
height: 30rpx;
margin-top: 6rpx;
float: right;
}
.flow-message-box {
padding: 20rpx 15px;
position: relative;
}
.flow-message-box .flow-message-title {
color: #777;
}
.flow-message-box textarea {
height: 100rpx;
width: 100%;
margin-top: 10rpx;
padding: 10rpx 0;
border-bottom: 1rpx solid #eee;
}
.flow-fixed-footer {
position: fixed;
bottom: 0;
width: 100%;
background: #fff;
border-top: 1px solid #eee;
}
.flow-message-box .flow-message-num {
position: absolute;
bottom: 34rpx;
right: 30rpx;
font-size: 26rpx;
color: #777;
}
.flow-num-box {
font-size: 30rpx;
color: #777;
padding: 15rpx 12px;
text-align: right;
border-top: 1rpx solid #f1f1f1;
}
.flow-all-money {
color: #444;
}
.flow-all-money .flow-all-list {
font-size: 30rpx;
padding: 20rpx 0;
border-bottom: 1rpx solid #f1f1f1;
}
.flow-all-money .flow-all-list:last-child {
border-bottom: none;
}
.flow-all-money .flow-all-list-cont {
font-size: 28rpx;
padding: 16rpx 0;
/* border-bottom: 1rpx solid #eee; */
}
.flow-fixed-footer .chackout-left {
font-size: 32rpx;
line-height: 46px;
color: #777;
flex: 4;
padding-left: 12px;
}
.flow-fixed-footer .chackout-right {
font-size: 34rpx;
flex: 2;
}
.flow-btn {
background-color: #ff495e;
color: #fff;
text-align: center;
line-height: 46px;
display: block;
}
button.submit_btn {
background: #ff495e;
color: white;
margin-bottom: 20rpx;
}
.flow-list .header .shop_name {
padding-left: 10rpx;
font-size: 30rpx;
color: #333;
}
.flow-list .header .icon-dianpu2 {
color: #ff495e;
padding-left: 20rpx;
font-size: 32rpx;
}
.flow-list .header image {
width: 34rpx;
height: 37rpx;
position: absolute;
top: 50%;
margin-top: -18rpx;
left: 15px;
}
.flow-list .header {
background: #fdf9f9;
padding: 24rpx 0;
border-top: 1rpx solid #eee;
border-bottom: 1rpx solid #eee;
font-size: 30rpx;
position: relative;
}
.flow-list custom-li, .addres-list custom-li {
margin-top: 25rpx;
display: block;
}
.flow-list custom-li:first-child, .addres-list custom-li:first-child {
margin-top: 0;
}
.checkout_list {
padding: 10px 15px 2px 15px;
background: #fff;
border-bottom: 1rpx solid #eee;
}
.checkout_list .flow-shopList {
padding: 5rpx 0 10rpx;
border-bottom: 1rpx solid #eee;
}
.checkout_list .flow-shopList:last-child {
border-bottom: 0;
}
.flow-distribution-right .icon-xiangyoujiantou {
font-size: 26rpx;
position: absolute;
right: 15px;
top: 50%;
margin-top: -16rpx;
color: #999;
}
.flow-checkout-address text {
padding-right: 5rpx;
}
.flow-header-right .icon-xiangyoujiantou {
position: absolute;
right: 15px;
top: 50%;
margin-top: -13rpx;
font-size: 32rpx;
color: #999;
}
.wxParse-em, .WxEmojiView {
display: inline-block;
color: #333;
}
.flow-shopList .flow-list-left image {
width: 180rpx;
height: 180rpx;
}
.t_product {
position: fixed;
top: 0;
bottom: 0;
right: -1000px;
z-index: 100;
background-color: #efeff4;
width: 100%;
}
.t_product .invoice_list .invoice_btn {
overflow: hidden;
padding: 0 15px;
}
.t_product .invoice_list .invoice_btn .list {
float: left;
width: 180rpx;
height: 75rpx;
}
.t_product .invoice_list .invoice_btn .list text {
padding: 6rpx 20rpx;
font-size: 28rpx;
color: #999;
border-radius: 4px;
border: 1rpx solid #eee;
width: 120rpx;
display: block;
text-align: center;
}
.t_product .invoice_list .invoice_btn .list text.active {
color: #ff495e;
border: 1rpx solid #ff495e;
}
.t_product .invoice_list .cont {
font-size: 24rpx;
color: #777;
padding: 0 15px;
display: block;
}
.t_product .invoice_list .cont {
font-size: 24rpx;
color: #777;
padding: 5rpx 15px 20rpx 15px;
display: block;
background: #fff;
}
.invoice_list {
border-top: 1rpx solid #eee;
}
.t_product .header {
padding: 15px 15px 26rpx 15px;
background: #fff;
font-size: 30rpx;
color: #333;
}
#top-nav-bar-true text {
border: 1rpx #ff495e solid;
color: #ff495e;
}
.invoice-box .list text {
padding: 10rpx 18rpx;
font-size: 28rpx;
border: 1rpx solid #bbb;
border-radius: 4px;
color: #777;
width: 120rpx;
display: block;
text-align: center;
}
.invoice-box {
overflow: hidden;
height: 65rpx;
background: #fff;
padding: 0 15px 10rpx 15px;
}
.invoice-box .list {
width: 180rpx;
float: left;
}
.invoice-box .list.active text {
background: #eee;
border: 1rpx solid #ddd;
color: #aaa;
}
.profile-btn button {
background: #ff495e;
color: white;
margin-bottom: 20rpx;
}
.header-user {
padding: 5px 15px 15rpx 15px;
background: #fff;
font-size: 32rpx;
}
.user-invoice .user {
padding: 0 15px 0 15px;
background: #fff;
}
.user-invoice-list {
font-size: 28rpx;
padding: 15rpx 0;
}
.invoice-box-user {
padding: 18rpx 15px;
}
.weui-cells {
position: relative;
margin-top: 1.17647059em;
background-color: #fff;
line-height: 1.41176471;
font-size: 17px;
}
.weui-cells:before {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
height: 1px;
color: #d9d9d9;
}
.weui-cells:after {
content: " ";
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 1px;
color: #d9d9d9;
}
.weui-cells__title {
margin-top: 0.77em;
margin-bottom: 0.3em;
padding-left: 15px;
padding-right: 15px;
color: #999;
font-size: 14px;
}
.weui-cells_after-title {
margin-top: 0;
}
.weui-cells__tips {
margin-top: 0.3em;
color: #999;
padding-left: 15px;
padding-right: 15px;
font-size: 14px;
}
.weui-cell {
font-size: 26rpx;
padding: 6px 15px;
position: relative;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
color: #333;
}
.section_input {
border-bottom: 1px solid #f6f6f9;
padding: 15rpx 0;
align-items: center;
justify-content: space-between;
}
.section_input .right input {
font-size: 28rpx;
width: 100%;
}
.section_input .left {
width: 95px;
}
.section_input .left text {
font-size: 30rpx;
}
.section_input .right {
flex: 4;
font-size: 30rpx;
}
.Unit {
background: #fff;
}
.cont-text {
float: right;
font-size: 30rpx;
color: #555;
margin-top: 4rpx;
}
.flow-checkout-header .icon-dingwei1 {
position: absolute;
top: 50%;
left: 15px;
font-size: 40rpx;
color: #777;
margin-top: -20rpx;
}
.cate-content {
display: flex;
flex-direction: row;
font-size: 16px;
position: fixed;
top: 96rpx;
bottom: 5rpx;
width: 100%;
}
.cate-left {
flex-direction: column;
display: flex;
width: 200rpx;
color: #444;
height: 100%;
}
.cate-right {
display: flex;
flex-direction: column;
width: 550rpx;
height: 100%;
overflow: hidden;
}
.type-nav {
position: relative;
height: 90rpx;
line-height: 90rpx;
text-align: center;
z-index: 10;
background: #f8f8f8;
display: block;
font-size: 27rpx;
}
.type-nav.selected {
background: #fff;
color: #ff495e;
border-right: none;
font-size: 30rpx;
}
.cate-right-cont {
width: 100%;
display: flex;
flex-flow: row wrap;
align-content: flex-start;
padding-top: 26rpx;
}
.index-cont-search {
width: 100%;
font-size: 28rpx;
position: relative;
background: #f1f1f1;
}
.index-cont-search icon {
position: absolute;
left: 50%;
margin-left: -70rpx;
top: 50%;
margin-top: -15rpx;
}
.index-cont-search text {
margin-left: 72rpx;
}
.cate-right-cont-list {
width: 100%;
}
.categroy-list-right text {
display: block;
}
.cate-cont-box {
margin-bottom: 30rpx;
padding-bottom: 10rpx;
background: #fff;
}
.cate-two-text {
margin: 0 0 13rpx 5rpx;
color: #222;
display: block;
font-size: 28rpx;
width: 100%;
font-weight: 700;
}
.cate-cont-box .cate-img {
padding: 13rpx 13rpx 4rpx 13rpx;
}
.cate-cont-box .cate-img image {
width: 100%;
height: 150rpx;
}
.cate-cont-box text {
text-align: center;
display: block;
font-size: 26rpx;
padding-bottom: 14rpx;
color: #444;
padding: 0 15rpx 30rpx 15rpx;
}
.cate-two-box {
width: 100%;
padding: 0 10px;
}
.cate-cont-box {
overflow: hidden;
}
.user-header .user-bg-box {
width: 100%;
background: #fff;
display: block;
height: 230rpx;
overflow: hidden;
}
.user-header .header-bg {
width: 100%;
height: 750rpx;
animation-name: shop;
animation-duration: 18s;
animation-iteration-count: infinite;
filter: blur(5px);
overflow: hidden;
display: block;
}
@-webkit-keyframes shop {
0% {
transform: translateY(-80px);
}
50% {
transform: translateY(0px);
}
100% {
transform: translateY(-80px);
}
}
@keyframes shop {
0% {
transform: translateY(-80px);
}
50% {
transform: translateY(0px);
}
100% {
transform: translateY(-80px);
}
}
.header-img-box {
width: 140rpx;
height: 140rpx;
border: 2px solid #fff;
margin: 0rpx auto 0;
border-radius: 100%;
overflow: hidden;
box-shadow: 1px 0px 5px rgba(50, 50, 50, 0.3);
margin-top: -115rpx;
}
.user-set-box {
margin-top: 20rpx;
}
.user-set-box .setUrl {
width: 36rpx;
height: 36rpx;
padding: 0 30rpx;
}
.user-set-box text {
font-size: 26rpx;
color: #fff;
background: rgba(0, 0, 0, 0.5);
padding: 10rpx 20rpx;
float: right;
border-radius: 30rpx 0 0 30rpx;
}
.user-admin {
font-size: 32rpx;
text-align: center;
margin: 4rpx 0 0 0;
color: #444;
}
.user-order {
background: #fff;
}
.user-order-title {
border-bottom: 1rpx solid #eee;
padding: 8rpx 0;
position: relative;
}
.user-orderIcon {
width: 46rpx;
height: 46rpx;
padding-left: 15rpx;
margin-top: 15rpx;
}
.user-orderName {
font-size: 30rpx;
color: #444;
position: absolute;
left: 90rpx;
top: 50%;
margin-top: -21rpx;
}
.user-orderJtou {
color: #777;
font-size: 26rpx;
}
.user-orderCont {
font-size: 28rpx;
color: #999;
}
.user-orderContBox {
float: right;
padding: 15rpx;
}
.user-order-cont {
padding: 25rpx 0;
box-shadow: 1px 0px 5px rgba(50, 50, 50, 0.3);
}
.user-order-cont .orderListIcon {
text-align: center;
margin: 0 auto;
display: block;
padding-top: 10rpx;
color: #999;
font-size: 34rpx;
}
.user-order-cont .listCont {
display: block;
font-size: 24rpx;
color: #999;
text-align: center;
padding-top: 4rpx;
}
.user-tag {
top: -8rpx;
right: 40rpx;
font-size: 22rpx;
background: #ff495e;
text-align: center;
line-height: 28rpx;
color: #fff;
border-radius: 100%;
min-height: 30rpx;
min-width: 30rpx;
padding: 1rpx;
}
.user-order-cont .moneyListNum {
text-align: center;
color: #f42424;
font-size: 38rpx;
padding: 0 15rpx;
}
.user-tools {
background: #fff;
}
.user-tools .tools-list {
padding: 30rpx 0;
border-right: 1rpx solid #eee;
border-bottom: 1rpx solid #eee;
}
.user-tools .toolsListIcon {
width: 60rpx;
height: 60rpx;
margin: 0 auto;
display: block;
}
.user-tools .toolsListCont {
text-align: center;
display: block;
color: #777;
font-size: 24rpx;
}
.user-history-box {
width: 100%;
margin: 0 0 10rpx 0;
white-space: nowrap;
}
.user-history-column {
display: flex;
flex-direction: column;
align-items: center;
padding: 20rpx;
}
.user-historyList {
width: 170rpx;
height: 170rpx;
}
.user-history-money {
font-size: 30rpx;
color: #fd4a5f;
margin-top: 10rpx;
}
.user-history-list {
display: inline-block;
border-right: 1rpx solid #eee;
}
.userinfo {
display: flex;
flex-direction: column;
align-items: center;
}
.userinfo-avatar {
width: 128rpx;
height: 128rpx;
margin: 20rpx;
border-radius: 50%;
}
.userinfo-nickname {
color: #aaa;
}
.usermotto {
margin-top: 200px;
}
.user-advocacy {
position: absolute;
left: 20rpx;
top: 20rpx;
}
.user-advocacy image {
position: absolute;
width: 30rpx;
height: 30rpx;
top: 50%;
margin-top: -10.5rpx;
left: 12rpx;
}
.user-advocacy text {
background: rgba(0, 0, 0, 0.2);
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 40px;
padding: 6rpx;
color: #fff;
font-size: 24rpx;
}
.user-order-cont {
color: #777;
font-size: 30rpx;
border-top: 1rpx solid #eee;
}
.user-order-title .common-icon {
position: absolute;
left: 15px;
top: 50%;
margin-top: -20rpx;
font-size: 34rpx;
color: #777;
}
.address-box .left-name {
width: 95px;
}
.address-box .right-cont {
padding-right: 15px;
font-size: 30rpx;
color: #444;
}
.address-box .right-cont input {
width: 100%;
font-size: 30rpx;
color: #444;
}
.address-cont-box picker {
display: inline-block;
margin-right: 15px;
width: 100%;
}
.Unit {
padding: 0 12px;
}
.section_recharge {
padding: 0 15px;
background: #fff;
}
.section_input .right input {
font-size: 28rpx;
}
.section_input .left {
width: 95px;
}
.section_input .left text {
font-size: 30rpx;
color: #777;
}
#adduser {
background: #f5f5f5;
}
.section__title {
float: left;
width: 30%;
}
.form-group {
float: right;
width: 70%;
}
.input-text {
border: 1px solid #ddd;
}
.button {
border: 1px solid #1aad19;
border-radius: 2px;
}
.picker {
padding: 13px;
background-color: #fff;
}
.section_recharge .header {
font-size: 30rpx;
padding: 10px 0;
border-bottom: 1px solid #f6f6f9;
}
.profile-list {
padding: 24rpx 0;
border-bottom: 1px solid #f6f6f9;
}
.profile-list .admin {
font-size: 30rpx;
color: #333;
}
.address-detail {
font-size: 30rpx;
width: 100%;
}
.profile-btn button {
background: #ff495e;
color: white;
}
.profile-btn button[disabled] {
background: #f16474;
color: white;
}
.product_screen_header {
width: 100%;
height: 40px;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
display: flex;
background: #fff;
line-height: 40px;
position: fixed;
top: 0;
z-index: 99;
}
.index-goods-list-box {
margin-top: 44px;
}
.product_screen_header .list {
flex: 1;
text-align: center;
}
.product_screen_header .active {
color: #ff495e;
}
.product_screen .icon-shaixuan {
padding-right: 8rpx;
font-size: 26rpx;
color: #666;
}
.product_screen_header .list .name {
padding-right: 20rpx;
}
.modal-mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.8;
z-index: 99;
bottom: 0;
}
.hidden {
display: none;
}
.modal-mask .close_box {
position: fixed;
top: 50%;
left: 10px;
margin-top: -30rpx;
}
.modal-mask .close_box .icon-fanhui {
font-size: 36rpx;
color: #fff;
margin-bottom: 6rpx;
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.screen-list {
padding: 8px 12px;
}
.screen-list .title {
line-height: 2;
}
.screen_show {
display: block;
}
.screen_hide {
display: none;
}
.cate-tab {
padding: 0 12px;
}
.cate-tab .tab-list .list.active {
color: #ff495e;
}
.cate-tab .tab-list .list {
font-size: 28rpx;
color: #333;
padding: 20rpx 0;
border-bottom: 1rpx solid #eee;
}
.screen-goods-property-box .cont {
padding-right: 20px;
margin-top: 4rpx;
}
.cate-tab .tab-list .list .icon-unif063 {
display: none;
}
.cate-tab .tab-list .list.active .icon-unif063 {
display: block;
}
.screen_btn .list:first-child {
margin-right: 20rpx;
}
.screen_btn .list button {
line-height: 2.4;
font-size: 30rpx;
}
.screen_btn .list button[type="primary"] {
color: #fff;
background-color: #ff495e;
}
.search-max-box {
background: #efeff4;
}
.seconds-kill-li {
padding: 10rpx;
box-sizing: border-box;
}
.title-box {
font-size: 10pt;
padding: 50rpx 0 0 0;
color: #777;
}
.sale-button-box {
padding: 10px 0;
}
.sale-button, .recent-button {
background: #fff;
padding: 10rpx;
border-radius: 50px;
justify-content: center;
text-align: center;
font-size: 26rpx;
border: 1px solid #eee;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 30rpx;
line-height: 30rpx;
}
.serch-button button {
background: #ff495e;
}
.search-cont {
padding: 0 15px;
background: #fff;
}
.search-box .left {
width: 28px;
}
.search-box .left icon {
padding: 18rpx;
}
.search-box .right {
flex: 1;
}
.sale-button-box {
overflow: hidden;
}
.seconds-kill-li {
width: 33.3%;
float: left;
}
.title-box .icon-lajixiang {
float: right;
}
.price-box {
overflow: hidden;
}
.price-box .seconds-kill-li .price-button {
background: #fff;
padding: 10rpx;
border-radius: 50px;
justify-content: center;
text-align: center;
font-size: 26rpx;
border: 1px solid #eee;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 30rpx;
line-height: 30rpx;
}
.price-box .seconds-kill-li .active .price-button {
border: 1rpx solid #ff495e;
color: #ff495e;
}
.override_price {
padding: 0 10rpx;
}
.override_price .right {
padding-left: 20rpx;
}
.store-header image {
width: 750rpx;
height: 190rpx;
display: block;
}
.store-header .cont {
position: absolute;
top: 35rpx;
left: 12px;
right: 0;
}
.store-header .cont .left .store-img {
height: 120rpx;
border: 2px solid rgba(255, 255, 255, 0.6);
}
.store-header .cont .left .store-img image {
width: 120rpx;
height: 120rpx;
}
.store-header .cont .right {
margin-top: 30rpx;
}
.store-header .cont .right .store_name {
display: block;
height: 32rpx;
}
.store_attention_button {
position: absolute;
right: 26px;
top: 50%;
margin-top: -30rpx;
}
.store_attention_button .button-cont {
padding: 3rpx 20rpx;
border: 1rpx solid #fff;
border-radius: 25rpx;
color: #fff;
}
.store_attention_button .button-cont.active {
color: #fff;
background: #ff495e;
border: 1rpx solid #ff495e;
}
.store_nav #list-true {
color: #ff495e;
/* font-size: 24rpx; */
}
.store_nav #list-0 {
color: #333;
font-size: 24rpx;
}
.store_nav {
padding: 6px 0;
}
.store_nav_cont {
padding: 10px 0;
}
.store_nav .com-icon {
display: block;
font-size: 38rpx;
margin-bottom: 2rpx;
}
.store_nav_cont #list-true {
color: #ff495e;
font-size: 28rpx;
}
.store_nav_cont #list-0 {
color: #333;
font-size: 28rpx;
}
.store_nav_cont #list-0 .icon-fenlei {
padding-left: 8rpx;
color: #777;
font-size: 28rpx;
}
.store_nav_cont #list-true .icon-fenlei {
padding-left: 8rpx;
color: #ff495e;
font-size: 28rpx;
}
.store_nav_cont .price {
padding-right: 30rpx;
}
.store_nav_cont #list-0 .top_jiantou {
position: absolute;
right: 52rpx;
top: 50%;
margin-top: -16rpx;
font-size: 18rpx;
color: #777;
}
.store_nav_cont #list-true .top_jiantou {
position: absolute;
right: 52rpx;
top: 50%;
margin-top: -16rpx;
font-size: 18rpx;
color: #777;
}
.store_nav_cont #list-0 .bot_jiantou {
position: absolute;
right: 52rpx;
top: 50%;
margin-top: -2rpx;
font-size: 18rpx;
color: #777;
}
.store_nav_cont #list-true .bot_jiantou {
position: absolute;
right: 52rpx;
top: 50%;
margin-top: -2rpx;
font-size: 18rpx;
color: #777;
}
.store_nav_cont #list-true .top_jiantou.active,
.store_nav_cont #list-true .bot_jiantou.active {
color: #ff495e;
}
.cate_list .list {
background: #fff;
padding: 10px 12px;
border-top: 1rpx solid #f4f4f4;
}
.cate_list .list .checked {
width: 36rpx;
height: 36rpx;
display: inline-block;
border: 1rpx solid #ccc;
border-radius: 100%;
}
.cate_list .list .checked .icon-unif063 {
text-align: center;
line-height: 38rpx;
display: block;
color: #fff;
opacity: 0;
font-size: 24rpx;
padding-left: 6rpx;
}
.cate_list .list.active .checked {
background: #ff495e;
border: 1rpx solid #ff495e;
}
.cate_list .list.active .checked .icon-unif063 {
color: #fff;
opacity: 1;
}
.cate_list .list .name {
font-size: 28rpx;
color: #333;
padding-left: 10rpx;
line-height: 36rpx;
}
.store-cont {
background: rgba(0, 0, 0, 0.4);
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
.t-store-header {
padding: 5px 10px;
}
.t-store-header .name {
line-height: 2;
}
.viewshow {
display: none;
text-align: center;
padding: 10rpx;
position: fixed;
bottom: 0;
width: 100%;
background: #fff;
}
.viewshow.active {
display: block;
}
.viewshow .cont {
padding-left: 10rpx;
left: 50%;
position: relative;
}
.loadEffect {
width: 20px;
height: 20px;
position: relative;
left: 50%;
margin-left: -100rpx;
}
.loadEffect text {
display: inline-block;
width: 4px;
height: 4px;
border-radius: 50%;
background: #ccc;
position: absolute;
-webkit-animation: load 1.04s ease infinite;
}
@-webkit-keyframes load {
0% {
opacity: 1;
}
100% {
opacity: 0.2;
}
}
.loadEffect text:nth-child(1) {
left: 0;
top: 50%;
margin-top: -2px;
-webkit-animation-delay: 0.13s;
}
.loadEffect text:nth-child(2) {
left: 3px;
top: 3px;
-webkit-animation-delay: 0.26s;
}
.loadEffect text:nth-child(3) {
left: 50%;
top: 0;
margin-left: -2px;
-webkit-animation-delay: 0.39s;
}
.loadEffect text:nth-child(4) {
top: 3px;
right: 3px;
-webkit-animation-delay: 0.52s;
}
.loadEffect text:nth-child(5) {
right: 0;
top: 50%;
margin-top: -2px;
-webkit-animation-delay: 0.65s;
}
.loadEffect text:nth-child(6) {
right: 3px;
bottom: 3px;
-webkit-animation-delay: 0.78s;
}
.loadEffect text:nth-child(7) {
bottom: 0;
left: 50%;
margin-left: -2px;
-webkit-animation-delay: 0.91s;
}
.loadEffect text:nth-child(8) {
bottom: 3px;
left: 3px;
-webkit-animation-delay: 1.04s;
}
.page__input .weui-cells__title {
margin-top: 0.77em;
margin-bottom: 0.3em;
padding-left: 15px;
padding-right: 15px;
color: #808080;
font-size: 14px;
}
.page__input .weui-cells {
line-height: 1.47058824;
font-size: 17px;
overflow: hidden;
position: relative;
}
.page__input .weui-cells:before {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
height: 1px;
border-top: 1px solid #e5e5e5;
color: #e5e5e5;
transform-origin: 0 0;
transform: scaleY(0.5);
z-index: 2;
}
.page__input .weui-cell {
padding: 10px 15px;
position: relative;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.page__input .weui-label {
display: block;
width: 105px;
word-wrap: break-word;
word-break: break-all;
}
.page__input .weui-cell__bd {
-webkit-box-flex: 1;
flex: 1;
}
.page__input .weui-cell_vcode {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
}
.page__input .weui-cell:before {
content: " ";
position: absolute;
/* left: 0; */
top: 0;
right: 0;
height: 1px;
border-top: 1px solid #e5e5e5;
color: #e5e5e5;
transform-origin: 0 0;
transform: scaleY(0.5);
left: 15px;
z-index: 2;
}
.page__input button.weui-vcode-btn {
background-color: transparent;
border-top: 0;
border-right: 0;
border-bottom: 0;
outline: 0;
}
.page__input .weui-vcode-btn {
display: inline-block;
height: 45px;
margin-left: 5px;
padding: 0 0.6em 0 0.7em;
border-left: 1px solid #e5e5e5;
line-height: 45px;
vertical-align: middle;
}
.page__input .weui-cell__ft button {
border: none;
}
.page__input .weui-cell_access .weui-cell__ft:after {
content: " ";
display: inline-block;
height: 6px;
width: 6px;
border-width: 2px 2px 0 0;
border-color: #c8c8cd;
border-style: solid;
transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
top: -2px;
position: absolute;
top: 50%;
margin-top: -4px;
right: 12px;
}
.page__input .weui-cells:before {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
height: 1px;
border-top: 1px solid #e5e5e5;
color: #e5e5e5;
transform-origin: 0 0;
transform: scaleY(0.5);
}
.page__input .weui-cells:after {
content: " ";
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 1px;
border-bottom: 1px solid #e5e5e5;
color: #e5e5e5;
transform-origin: 0 100%;
transform: scaleY(0.5);
z-index: 2;
}
.weui-cell_link {
color: #586c94;
font-size: 14px;
}
.weui-loadmore_line .weui-loadmore__tips {
position: relative;
top: -0.9em;
padding: 0 0.55em;
background-color: #fff;
color: #808080;
}
.weui-loadmore__tips {
display: inline-block;
vertical-align: middle;
}
.weui-loadmore_line {
border-top: 1px solid #e5e5e5;
margin-top: 2.4em;
}
.weui-loadmore {
width: 65%;
margin: 1.5em auto;
line-height: 1.6em;
font-size: 14px;
text-align: center;
}
.weui-panel__hd {
padding: 14px 15px 10px;
color: #808080;
font-size: 13px;
position: relative;
}
.weui-panel__hd:after {
content: " ";
position: absolute;
/* left: 0; */
bottom: 0;
right: 0;
height: 1px;
border-bottom: 1px solid #e5e5e5;
color: #e5e5e5;
transform-origin: 0 100%;
transform: scaleY(0.5);
left: 15px;
}
.wxParse-img {
display: block;
margin: 0 auto;
}
.wxParse-inline {
font-size: 28rpx;
text-align: center;
}
.wxParse-div {
overflow: hidden;
}
.wxParse-div .kd_pic {
float: left;
width: 50%;
margin: 0 auto;
}
.xEmojiView {
margin: 15rpx 0;
}
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。