body{ background-color: #f8f8f8; font-size: 28upx; } view{ box-sizing: border-box; } /* #ifdef MP-ALIPAY */ image{ background-size: 100% 100%; } button{ height: auto; border: none; line-height: 2.55555556; padding: 0 28upx; } input{ background: none; padding: 0; } shared-checkbox{ border-radius: 50%; } shared-checkbox{ border-radius: 50%; height: 36rpx; width: 36rpx; margin-top: -4rpx; border: 1rpx solid #d1d1d1; color: #FF7159; } shared-checkbox:checked { /* width: 36rpx; height: 36rpx; line-height: 36rpx; border-radius: 50%; text-align: center; font-size: 28rpx; color: #fff; background: transparent; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); background-color: #FF7159; border: 1rpx solid #FF7159; */ background-color: #000; color: #000; } ._radio{ border-radius: 50%;/* 圆角 */ width: 36rpx; height: 36rpx; margin-top: -4rpx; border: 1rpx solid #d1d1d1; } /* 选中后的 背景样式 (红色背景 无边框 可根据UI需求自己修改) */ ._radio:checked{ border: 1rpx solid #FF7159; background: #FF7159; } /* 选中后的 对勾样式 (白色对勾 可根据UI需求自己修改) */ ._radio:checked::before{ border-radius: 50%;/* 圆角 */ width: 36rpx; /* 选中后对勾大小,不要超过背景的尺寸 */ height: 36rpx; /* 选中后对勾大小,不要超过背景的尺寸 */ line-height: 36rpx; text-align: center; font-size:28rpx; /* 对勾大小 30rpx */ color:#fff; /* 对勾颜色 白色 */ background: transparent; transform:translate(-50%, -50%) scale(1); -webkit-transform:translate(-50%, -50%) scale(1); } /* #endif */ uni-toast .uni-toast{ /* width: 6em; */ font-size: 24upx; border-radius: 10px; background: rgba(17,17,17,.5); } uni-input div, uni-input div div,uni-input, uni-input input{ /* min-height: 1rem !important; */ } uni-input{ /* height: 1rem; */ } uni-input div div.input-placeholder{ /* padding: 8upx 0; */ } .content-top{ margin-bottom: 116upx; } .have-none{ background-color: #f3f3f3; } .color-o{ color: #FF7159 !important; } .color-f{ color: #fff !important; } .color-d{ color: #ddd !important; } .color-3{ color: #333 !important; } .color-6{ color: #666 !important; } .color-9{ color: #999 !important; } .fsz24{ font-size: 24upx !important; } .fsz26{ font-size: 26upx !important; } .fsz28{ font-size: 28upx !important; } .fsz30{ font-size: 30upx !important; } .fsz32{ font-size: 32upx !important; } .fsz34{ font-size: 34upx !important; } .fsz36{ font-size: 36upx !important; } .fsz38{ font-size: 38upx !important; } .fsz50{ font-size: 50upx !important; } .search{ width: 100%; height: 104upx; padding: 16upx 26upx; background-color: rgba(255,255,255,1); z-index: 999; transition: all .5s; } .search-c{ width: 100%; height: 100%; position: relative; } .search-input{ background-color: #E9E9E9; width: 100%; height: 100%; box-sizing: border-box; line-height: 52upx; padding: 10upx 90upx 10upx 40upx; border-radius: 50upx; font-size: 24upx; transition: all .5s; } .search-input-p{ color: #999; width: 100%; height: 100%; } .search-input-p-c{ position: relative; top: 50%; transform: translateY(-50%); } .search-icon{ position: absolute; top: 50%; right: 30upx; transform: translateY(-50%); z-index: 99; } .swiper-c{ height: 100%; } .swiper-c image{ height: 100%; width: 100%; } .btn{ display: inline-block; box-sizing: border-box; border-radius: 0; font-size: 28upx; transform: scale(1); transition: all .5s; } /*按钮按下缩小变色*/ .btn-hover{ transform: scale(.90); transition: all .5s; opacity: .8; } /*按钮按下只变色*/ .btn-hover2{ /* transform: scale(.95); */ transition: all .1s; opacity: .6; } .btn::after{ border: none; } .btn-circle{ padding: 0upx 20upx; height: 60upx; line-height: 60upx; min-width: 140upx; /* border-radius: 6upx; */ font-size: 22upx; } .btn-square{ padding: 0upx 40upx; height: 90upx; line-height: 90upx; min-width: 150upx; border: none !important; } .btn-fillet{ border-radius: 50upx; } .btn-c{ background-color: #f7f7f7; } .btn-w{ border: 2upx solid #333; color: #333; background-color: #fff; } .btn-g{ border: 2upx solid #E0E0E0; color: #999; background-color: #fff; } .btn-b{ border: 2upx solid #333; background-color: #333; color: #fff; } .btn-o{ border: 2upx solid #FF7159; background-color: #FF7159; color: #fff; } .btn-half{ width: 50%; } .btn-all{ width: 100%; } .img-grids{ overflow: hidden; /* padding-bottom: 26upx; */ } .img-grids .goods-name{ height: 72upx; } .column3.img-grids .goods-name{ height: 68upx; } .img-grids-item{ width: 336upx; margin: 26upx; display: inline-block; background-color: #fff; float: left; min-height: 130upx; /* #ifdef MP-ALIPAY */ width: 330rpx; margin: 25rpx; min-height: 130rpx; /* #endif */ } .img-grids-item:nth-child(2n-1){ margin-right: 0; } .img-grids-item-t{ width: 336upx; height: 336upx; /* #ifdef MP-ALIPAY */ width: 330rpx; height: 330rpx; /* #endif */ } .img-grids-item-b{ padding: 0 10upx 10upx; } .goods-name{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #333; width: 100%; /* height: 72upx; */ /* #ifdef MP-ALIPAY */ min-height: 20px; /* #endif */ } .grids-goods-name{ font-size: 26upx; } .goods-item-c{ overflow: hidden; margin-top: 10upx; } .goods-price{ min-width: 120upx; min-height: 40upx; color: #333; font-size: 28upx; display: inline-block; float: left; } .red-price{ color: #FF7159 !important; } .img-list{ } .img-list .goods-name{ min-height: 74upx; } .img-list-item{ padding: 30upx 26upx; background-color: #fff; margin-bottom: 2upx; overflow: hidden; } .img-list-item-l{ width: 250upx; height: 250upx; display: inline-block; float: left; } .img-list-item-r{ width: 410upx; min-height: 250upx; display: inline-block; margin-left: 26upx; float: left; padding: 10upx 0; position: relative; } .list-goods-name{ font-size: 28upx; } .img-list-item .goods-item-c{ /* position: absolute; */ /* bottom: 0; */ width: 100%; margin-top: 0; } .img-list-item .goods-price{ min-width: 150upx; min-height: 50upx; font-size: 38upx; float: none; } .goods-buy{ overflow: hidden; } .goods-salesvolume{ min-width: 100upx; height: 30upx; font-size: 20upx; color: #999; display: inline-block; } .goods-cart{ width: 40upx; height: 40upx; float: right; } .medium-img{ width: 196upx; height: 196upx; } .little-img{ width: 140upx; height: 140upx; } .small-img{ width: 120upx; height: 120upx; } .medium-right{ width: 340upx; min-height: 140upx; } .little-right{ width: 520upx; min-height: 140upx; padding: 0; } .small-right{ width: 540upx; height: 120upx; padding: 0; min-height: 60upx; } .little-right-t{ overflow: hidden; } .little-right .list-goods-name{ float: left; width: 360upx; margin-bottom: 6upx; } .small-right .list-goods-name{ width: 100%; } .little-right .goods-price{ float: right; font-size: 28upx; text-align: right; min-width: 120upx; max-width: 150upx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; min-height: 40upx; } .goods-num{ float: right; color: #999; font-size: 24upx; height: 30upx; min-width: 50upx; } .goods-numbox{ float: right; } .little-right .goods-salesvolume{ font-size: 24upx; /* float: left; */ } .cell-group{ background-color: #fff; } .cell-item{ padding: 20upx 26upx 20upx 0; width: 724upx; margin-left: 26upx; border-bottom: 2upx solid #f3f3f3; position: relative; overflow: hidden; background-color: #fff; color: #333; display: table; min-height: 90upx; } .cell-item:last-child{ border: none; } .cell-item-hd{ display: table-cell; vertical-align: middle; min-width: 160upx; max-width: 180upx; font-size: 28upx; position: relative; } .cell-hd-icon{ width: 40upx; height: 40upx; display: inline-block; float: left; margin-right: 8upx; } .cell-hd-title{ float: left; display: inline-block; position: relative; /* #ifdef MP-ALIPAY */ top: 4upx; /* #endif */ } .cell-item-bd{ display: table-cell; vertical-align: middle; margin-left: 20upx; min-height: 30upx; overflow: hidden; min-width: 440upx; max-width: 480upx; padding-right: 50upx; } .cell-bd-view { position: relative; overflow: hidden; } .cell-bd-text{ float: left; position: relative; font-size: 24upx; } .cell-bd-text-right{ float: right; } .cell-bd-input{ display: inline-block; float: left; font-size: 26upx; } .cell-item-ft{ display: inline-block; position: absolute; top: 50%; right: 26upx; transform: translateY(-50%); overflow: hidden; } .right-img .cell-item-ft{ right: 8upx; height: 50upx; } .cell-ft-view{ position: relative; overflow: hidden; color: #666; font-size: 28upx; text-align: right; } .cell-ft-p{ font-size: 24upx; color: #666; } .cell-ft-text{ font-size: 28upx; float: right; position: relative; /* top: 8upx; */ line-height: 50upx; } .cell-ft-next{ float: right; } .margin-cell-group{ margin: 20upx 0; } .bottom-cell-group{ margin-bottom: 20upx; } .min-cell-group{ margin-bottom: 1px; padding: 20upx 0; } .min-cell-group .cell-item{ border-bottom: none; min-height: 50upx; padding: 0 26upx 0 0; } .icon{ width: 50upx; height: 50upx; /* #ifdef MP-ALIPAY */ background-size: 100% 100%; /* #endif */ } .swiper-grids .swiper-list{ white-space:nowrap; width:100%; min-height: 200upx; } .swiper-grids .img-grids-item{ float: none; margin-right: 0; width: 255upx; margin-top: 0; } .swiper-grids .img-grids-item:last-child{ margin-right: 26upx; } .swiper-grids .img-grids-item-t{ width: 255upx; height: 255upx; } .swiper-grids .goods-name{ white-space: normal; } .member-grid{ padding: 20upx 26upx; /* overflow: hidden; */ width: 100%; display: flex; } .member-item{ /* width: 20%; */ flex: 1; /* float: left; */ /* display: inline-block; */ text-align: center; position: relative; } /*会员中心图标按下事件*/ .member-item:active{ transform: scale(.90); transition: all .5s; opacity: .8; } .member-item-icon{ width: 50upx; height: 50upx; display: block; margin: 0 auto; } .member-item-text{ font-size: 24upx; color: #666; display: block; } .cart-list{ } .cart-checkbox{ position: relative; height: 100%; } .cart-checkbox-c{ display: inline-block; position: absolute; top: 50%; left: 26upx; transform: translateY(-50%); z-index: 99; } .cart-list .img-list-item{ padding-left: 90upx; } .cart-list .little-right{ width: 468upx; } .cart-list .little-right .list-goods-name{ width: 300upx; } .uni-checkbox-input{ border-radius: 50% !important; color: #fff !important; } uni-radio .uni-radio-input,uni-checkbox .uni-checkbox-input{ width: 36upx; height: 36upx; } uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked,.uni-radio-input.uni-radio-input-checked{ background-color: #FF7159 !important; border-color: #FF7159 !important; width: 36upx; height: 36upx; } uni-checkbox.checkboxNo .uni-checkbox-input{ background-color: #e1e1e1 !important; border-color: #e1e1e1 !important; } uni-radio.radioNo .uni-radio-input{ background-color: #e1e1e1 !important; border-color: #e1e1e1 !important; } uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked:before{ font-size: 36rpx; } .login-item-i-p{ color: #999; } .two-line{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .badge{ display: inline-block; position: absolute; min-width:13px; height:13px; line-height:13px; background-color:#FF7159; color:#fff; font-size:12px; border-radius:50upx; padding:0 3px; z-index: 99; } .button-bottom{ background-color: #fff; position: fixed; bottom: 0; height: 90upx; width: 100%; display: flex; z-index: 66; box-shadow: 0 0 10px #ccc; } .button-bottom .btn{ flex: 1; } .romotion-tip{ /* display: inline-block; */ overflow: hidden; } .romotion-tip-item{ display: inline-block; float: left; margin-right: 10upx; margin-bottom: 4upx; background-color: #FF7159; color: #fff; height: 34upx; font-size: 24upx; line-height: 34upx; padding: 0 10upx; } .bg-gray{ background-color: #D0D0D0; } /* #ifdef MP */ checkbox .wx-checkbox-input{ border-radius: 50%; height: 36rpx; width: 36rpx; margin-top: -4rpx; border: 1rpx solid #d1d1d1; } checkbox .wx-checkbox-input.wx-checkbox-input-checked::before { width: 36rpx; height: 36rpx; line-height: 36rpx; border-radius: 50%; text-align: center; font-size: 28rpx; color: #fff; background: transparent; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); background-color: #FF7159; border: 1rpx solid #FF7159; } radio .wx-radio-input{ border-radius: 50%;/* 圆角 */ width: 36rpx; height: 36rpx; margin-top: -4rpx; border: 1rpx solid #d1d1d1; } /* 选中后的 背景样式 (红色背景 无边框 可根据UI需求自己修改) */ radio .wx-radio-input.wx-radio-input-checked{ border: 1rpx solid #FF7159; background: #FF7159; } /* 选中后的 对勾样式 (白色对勾 可根据UI需求自己修改) */ radio .wx-radio-input.wx-radio-input-checked::before{ border-radius: 50%;/* 圆角 */ width: 36rpx; /* 选中后对勾大小,不要超过背景的尺寸 */ height: 36rpx; /* 选中后对勾大小,不要超过背景的尺寸 */ line-height: 36rpx; text-align: center; font-size:28rpx; /* 对勾大小 30rpx */ color:#fff; /* 对勾颜色 白色 */ background: transparent; transform:translate(-50%, -50%) scale(1); -webkit-transform:translate(-50%, -50%) scale(1); } /* #endif */