You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1161 lines
23 KiB
1161 lines
23 KiB
@charset "UTF-8";
|
|
/**
|
|
* 这里是uni-app内置的常用样式变量
|
|
*
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|
*
|
|
*/
|
|
/**
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|
*
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|
*/
|
|
/* 颜色变量 */
|
|
/* 行为相关颜色 */
|
|
/* 文字基本颜色 */
|
|
/* 背景颜色 */
|
|
/* 边框颜色 */
|
|
/* 尺寸变量 */
|
|
/* 文字尺寸 */
|
|
/* 图片尺寸 */
|
|
/* Border Radius */
|
|
/* 水平间距 */
|
|
/* 垂直间距 */
|
|
/* 透明度 */
|
|
/* 文章场景相关 */
|
|
.container {
|
|
background-color: #F7F7F7;
|
|
}
|
|
.wfView {}
|
|
.getTip {
|
|
width: 750rpx;
|
|
height: 623rpx;
|
|
background: rgba(255, 255, 255, 1);
|
|
border-radius: 20rpx 20rpx 0rpx 0rpx;
|
|
}
|
|
.LeBeans{
|
|
background: linear-gradient(to right,#F22C24,#FA6331);
|
|
padding: 20rpx;
|
|
margin-bottom: 50rpx;
|
|
border-radius: 15rpx;
|
|
position: relative;
|
|
}
|
|
.conversion{
|
|
padding:8rpx 15rpx 20rpx;
|
|
background-color: rgba(255,255,255,0.3);
|
|
position: absolute;
|
|
right: 0;
|
|
width: 105rpx;
|
|
height: 25rpx;
|
|
vertical-align: top;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
border-radius: 60rpx 0rpx 0rpx 60rpx;
|
|
}
|
|
.popFull {
|
|
height: 100rpx;
|
|
width: 750rpx;
|
|
}
|
|
.getTip_package {
|
|
padding: 30rpx;
|
|
}
|
|
.getTip_main {
|
|
margin-top: 55rpx;
|
|
height: 443rpx;
|
|
}
|
|
.getTip_text {
|
|
font-size: 24rpx;
|
|
}
|
|
.getTip_title {
|
|
text-align: center;
|
|
font-size: 30rpx;
|
|
color: rgba(51, 51, 51, 1);
|
|
}
|
|
.wfViewMain {
|
|
width: 630rpx;
|
|
background: rgba(255, 255, 255, 1);
|
|
border-radius: 10rpx;
|
|
}
|
|
.wfTitle {
|
|
width: 630rpx;
|
|
height: 200rpx;
|
|
}
|
|
.wfTitleImage {
|
|
width: 630rpx;
|
|
height: 200rpx;
|
|
}
|
|
.wfBodyPackage {
|
|
padding: 20rpx 30rpx;
|
|
}
|
|
.textarea{
|
|
font-size: 28rpx;
|
|
}
|
|
.wfBodyText {
|
|
font-size: 26rpx;
|
|
color: rgba(51, 51, 51, 1);
|
|
}
|
|
.wfViewClose {
|
|
margin: 80rpx auto 0 auto;
|
|
width: 48rpx;
|
|
height: 48rpx;
|
|
}
|
|
.closeImg {
|
|
width: 48rpx;
|
|
height: 48rpx;
|
|
}
|
|
/* 商品头部 */
|
|
.goods-header {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
.goods-viewed {
|
|
position: absolute;
|
|
bottom: 5%;
|
|
right: 0;
|
|
font-size: 24rpx;
|
|
padding: 6rpx 12rpx;
|
|
border-radius: 50rpx 0 0 50rpx;
|
|
background: rgba(0, 0, 0, .4);
|
|
color: #FFFFFF;
|
|
z-index: 5;
|
|
}
|
|
.lxPack {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
line-height: 44rpx;
|
|
}
|
|
.lx {
|
|
text-align: center;
|
|
width: 44rpx;
|
|
height: 44rpx;
|
|
background: rgba(255, 68, 68, 1);
|
|
border-radius: 50%;
|
|
overflow: hidden;
|
|
}
|
|
.advfei{ /* Safari 5.1 - 6.0 */ /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */
|
|
background: linear-gradient(90deg, #ff4444 , #FF8032); /* 标准的语法（必须放在最后） */
|
|
position: absolute;
|
|
font-size: 28rpx;
|
|
bottom: 150rpx;
|
|
left: 20rpx;
|
|
width: 90vw;
|
|
padding: 20rpx 20rpx;
|
|
/* background-color: #FFF0B2; */
|
|
display: flex;
|
|
border-radius: 10rpx;
|
|
}
|
|
.lxImg {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
margin-top: 8rpx;
|
|
}
|
|
.goods-swiper {
|
|
width: 100vw;
|
|
/* height: 50vh; */
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
.swiper-item {
|
|
height: 100vw;
|
|
}
|
|
.goods-header .coupon-Image {
|
|
width: 100vw;
|
|
height: 100vw;
|
|
display: block;
|
|
}
|
|
.goods-swiper .swiper-item image {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
}
|
|
/* 弹幕购买提示 */
|
|
.success-tips {
|
|
position: fixed;
|
|
bottom: 83%;
|
|
left: 30rpx;
|
|
height: 54rpx;
|
|
line-height: 54rpx;
|
|
background: rgba(0, 0, 0, .5);
|
|
border-radius: 50px;
|
|
z-index: 50;
|
|
padding: 0 12rpx 0 6rpx;
|
|
opacity: 0;
|
|
transition: opacity .4s;
|
|
}
|
|
.success-tips.show {
|
|
opacity: 1;
|
|
}
|
|
/* */
|
|
.success-tips .success-avatar {
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
display: block;
|
|
border-radius: 50%;
|
|
}
|
|
.success-tips .success-goods {
|
|
max-width: 450rpx;
|
|
}
|
|
/* 商品详情 */
|
|
.goods-content {
|
|
box-sizing: border-box;
|
|
}
|
|
.goods-price-box {
|
|
padding-bottom: 12rpx;
|
|
}
|
|
.goods-content .goods-price .goods-price-now {
|
|
color: rgba(254, 80, 79, 1);
|
|
}
|
|
.goods-content .goods-price .goods-price-now image {
|
|
width: 56rpx;
|
|
height: 56rpx;
|
|
}
|
|
.goods-content .goods-price .goods-price-now .credit {
|
|
color: rgba(254, 80, 79, 1);
|
|
}
|
|
.money-label {
|
|
display: inline-block;
|
|
margin-right: 6rpx;
|
|
}
|
|
.goods-content .goods-price .goods-price-old {
|
|
font-size: 24rpx;
|
|
color: rgba(153, 153, 153, 1);
|
|
line-height: 52rpx;
|
|
margin-left: 16rpx;
|
|
text-decoration: line-through;
|
|
}
|
|
.goods-content .goods-browse {
|
|
font-size: 24rpx;
|
|
color: rgba(153, 153, 153, 1);
|
|
line-height: 60rpx;
|
|
}
|
|
.goods-title-mian {
|
|
letter-spacing: 2rpx;
|
|
line-height: 1.3em;
|
|
}
|
|
.activity-item image {
|
|
width: 26rpx;
|
|
height: 26rpx;
|
|
display: block;
|
|
margin-right: 12rpx;
|
|
}
|
|
/* 会员卡 */
|
|
.member-box {
|
|
background: linear-gradient(0deg, rgba(235, 194, 135, 1) 0%, rgba(237, 214, 170, 1) 100%);
|
|
border-radius: 10rpx;
|
|
}
|
|
.member-title {
|
|
width: 360rpx;
|
|
}
|
|
.member-left image {
|
|
width: 60rpx;
|
|
height: 60rpx;
|
|
display: block;
|
|
}
|
|
.member-fontColor {
|
|
color: #8C5200;
|
|
}
|
|
.member-fontColor-cut {
|
|
width: 2rpx;
|
|
height: 26rpx;
|
|
background: #8C5200;
|
|
opacity: .5;
|
|
margin: 0 20rpx;
|
|
}
|
|
.member-right {
|
|
flex: 1;
|
|
background: linear-gradient(105deg, transparent 10.5%, #333333 12.5%, #333333 50.5%, #333333 50.5%);
|
|
color: #EED196;
|
|
height: 60rpx;
|
|
line-height: 60rpx;
|
|
padding-left: 20rpx;
|
|
border-radius: 10rpx 10rpx 10rpx 0;
|
|
}
|
|
.member-right text {
|
|
font-size: 24rpx;
|
|
margin-left: 10rpx;
|
|
}
|
|
/* 邀请 */
|
|
.already-box-padding {
|
|
padding: 30rpx 30rpx 0;
|
|
}
|
|
.goods-already-box {
|
|
box-shadow: 0 2rpx 12rpx 0 rgba(221, 221, 221, 0.34);
|
|
border-radius: 10rpx;
|
|
}
|
|
.goods-already-box .goods-already {
|
|
padding: 0 0 30rpx 0;
|
|
}
|
|
.goods-already-box .goods-already .goods-already-num {
|
|
color: #333333;
|
|
line-height: 1.2em;
|
|
}
|
|
.goods-already-box .goods-already .goods-already-user {
|
|
margin-top: 15rpx;
|
|
height: 68rpx;
|
|
}
|
|
.goods-already-box .goods-already .goods-already-user .user-avatar {
|
|
width: 55rpx;
|
|
height: 55rpx;
|
|
border-radius: 55rpx;
|
|
display: inline-block;
|
|
margin-right: -12rpx;
|
|
position: relative;
|
|
vertical-align: top;
|
|
}
|
|
.goods-already-box .goods-already .goods-already-user .user-avatar.user-more {
|
|
background: #F2F2F2;
|
|
color: #BBBBBB;
|
|
text-align: center;
|
|
line-height: 50rpx;
|
|
z-index: 1;
|
|
}
|
|
.goods-already-box .goods-already .goods-invite {
|
|
color: #333333;
|
|
width: 230rpx;
|
|
height: 60rpx;
|
|
line-height: 60rpx;
|
|
font-size: 22rpx;
|
|
text-align: center;
|
|
border-radius: 50rpx;
|
|
position: relative;
|
|
margin-bottom: 1%;
|
|
z-index: 1;
|
|
background: linear-gradient(0deg, rgba(245, 182, 32, 1) 0%, rgba(246, 210, 70, 1) 100%);
|
|
}
|
|
.goods-already-box .goods-already .goods-invite button {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0;
|
|
}
|
|
.goods-already-box .goods-already .goods-invite-reward {
|
|
position: absolute;
|
|
right: 3%;
|
|
top: -15%;
|
|
z-index: 2;
|
|
height: 50rpx;
|
|
color: #FFFFFF;
|
|
line-height: 50rpx;
|
|
background: linear-gradient(90deg, rgba(254, 80, 79, 1), rgba(254, 133, 79, 1));
|
|
box-shadow: 0 2rpx 10rpx 0 rgba(254, 80, 79, 0.54);
|
|
border-radius: 8rpx;
|
|
text-align: center;
|
|
font-size: 20rpx;
|
|
padding: 0 20rpx;
|
|
}
|
|
.goods-already-box .goods-already .goods-invite-reward::after {
|
|
content: " ";
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: -28rpx;
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
border-width: 15rpx;
|
|
border-style: solid;
|
|
border-color: #FE6C4F transparent transparent transparent;
|
|
}
|
|
/* 标题花边样式 */
|
|
.lace-style .lace-1 {
|
|
position: absolute;
|
|
/* left: 35%; */
|
|
top: 14rpx;
|
|
width: 14rpx;
|
|
height: 14rpx;
|
|
background: rgba(255, 68, 68, 1);
|
|
border-radius: 50%;
|
|
}
|
|
.lace-style .lace-2 {
|
|
position: absolute;
|
|
/* left: 34%; */
|
|
top: 18rpx;
|
|
width: 14rpx;
|
|
height: 14rpx;
|
|
background: rgba(255, 68, 68, 1);
|
|
opacity: 0.2;
|
|
border-radius: 50%;
|
|
}
|
|
.containar-title-left .lace-1 {
|
|
left: 35%;
|
|
}
|
|
.containar-title-right .lace-1 {
|
|
right: 35%;
|
|
}
|
|
.containar-title-left .lace-2 {
|
|
left: -8rpx;
|
|
}
|
|
.containar-title-right .lace-2 {
|
|
right: -8rpx;
|
|
}
|
|
/* 搭配商品样式 */
|
|
.match-goods {
|
|
background: rgba(255, 255, 255, 1);
|
|
box-shadow: 0 4rpx 12rpx 0 rgba(221, 221, 221, 0.34);
|
|
border-radius: 10rpx;
|
|
}
|
|
.match-goods-info .goods-info-left {
|
|
width: 160rpx;
|
|
height: 160rpx;
|
|
background-size: 160rpx 160rpx;
|
|
background-repeat: no-repeat;
|
|
background-image: url('https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1726110657,2456852062&fm=26&gp=0.jpg');
|
|
flex-shrink: 0;
|
|
}
|
|
.match-goods-info .goods-info-right .goods-info-right-title {
|
|
height: 2, 6em;
|
|
line-height: 1, 3em;
|
|
}
|
|
.match-goods-price .match-buy-btn {
|
|
background-color: #ff4444;
|
|
width: 146rpx;
|
|
height: 54rpx;
|
|
line-height: 54rpx;
|
|
background: rgba(255, 68, 68, 1);
|
|
border-radius: 30rpx;
|
|
}
|
|
/* 使用流程 */
|
|
.use-flow-item {
|
|
width: 24%;
|
|
}
|
|
.use-flow-item .use-order {
|
|
width: 34rpx;
|
|
height: 34rpx;
|
|
line-height: 34rpx;
|
|
background: rgba(255, 68, 68, 1);
|
|
box-shadow: 0 2rpx 6rpx 0 rgba(205, 2, 2, 0.35);
|
|
border-radius: 50%;
|
|
margin: 0 auto 30rpx;
|
|
}
|
|
.use-cut {
|
|
position: absolute;
|
|
top: 11%;
|
|
width: 194rpx;
|
|
border-top: 1px solid #EEEEEE;
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: scaleY(0.5);
|
|
transform: scaleY(0.5);
|
|
z-index: 2;
|
|
}
|
|
.use-cut-left {
|
|
left: 19%;
|
|
}
|
|
.use-cut-right {
|
|
right: 19%;
|
|
}
|
|
.store-addressInfo-icon {
|
|
width: 44rpx;
|
|
height: 44rpx;
|
|
line-height: 44rpx;
|
|
background: rgba(255, 68, 68, 1);
|
|
border-radius: 50%;
|
|
font-size: 24rpx;
|
|
flex-shrink: 0;
|
|
}
|
|
/* 详情tabBar */
|
|
/* 商品详情 */
|
|
.goods-detail-nav {}
|
|
.goods-detail-nav .goods-detail-nav-item {
|
|
color: #999999;
|
|
font-size: 30rpx;
|
|
text-align: center;
|
|
height: 86rpx;
|
|
line-height: 86rpx;
|
|
position: relative;
|
|
}
|
|
.goods-detail-nav .goods-detail-nav-item.active {
|
|
color: #333333;
|
|
font-weight: bold;
|
|
}
|
|
.select-nav-items {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 30rpx;
|
|
width: 56rpx;
|
|
height: 10rpx;
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
/* 仅在app平台显示 */
|
|
.select-nav-items {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 75rpx;
|
|
width: 56rpx;
|
|
height: 10rpx;
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
}
|
|
.select-nav-items image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
/* 商品评价 */
|
|
.evaluation-item {
|
|
padding: 30rpx 0;
|
|
}
|
|
.evaluation-item:first-child {
|
|
border-top: 0;
|
|
}
|
|
.evaluation-all {
|
|
width: 270rpx;
|
|
height: 70rpx;
|
|
border: 1px solid rgba(238, 238, 238, 1);
|
|
border-radius: 38rpx;
|
|
margin: 30rpx auto 0;
|
|
padding-left: 20rpx;
|
|
}
|
|
.evaluation-all-iconfont {
|
|
color: #333333;
|
|
font-size: 36rpx;
|
|
}
|
|
.evaluation-user image {
|
|
width: 60rpx;
|
|
height: 60rpx;
|
|
display: block;
|
|
border-radius: 50%;
|
|
margin-right: 10rpx;
|
|
}
|
|
.evaluation-grade .iconfont {
|
|
width: 36rpx;
|
|
height: 36rpx;
|
|
line-height: 36rpx;
|
|
font-size: 28rpx;
|
|
display: block;
|
|
color: #CCCCCC;
|
|
}
|
|
.evaluation-grade .iconfont.select {
|
|
color: #FF4444
|
|
}
|
|
.evaluation-bd {
|
|
margin-top: 20rpx;
|
|
}
|
|
.evaluation-imgs {
|
|
margin-top: 12rpx;
|
|
}
|
|
.evaluation-imgs image {
|
|
width: 220rpx;
|
|
margin: 0 10rpx 20rpx 0;
|
|
height: 220rpx;
|
|
border-radius: 6rpx;
|
|
}
|
|
.reply-content-item .reply-content-itemfont {
|
|
vertical-align: middle;
|
|
margin-right: 14rpx;
|
|
}
|
|
/* 底部菜单 */
|
|
.goods-footer {
|
|
|
|
background: #FFFFFF;
|
|
text-align: center;
|
|
height: 100rpx;
|
|
position: fixed;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
.goods-footer-crted {
|
|
text-align: center;
|
|
height: 100rpx;
|
|
line-height: 80rpx;
|
|
position: fixed;
|
|
left: 0%;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 30;
|
|
}
|
|
.goods-footer-item {
|
|
flex: 1;
|
|
box-sizing: border-box;
|
|
height: 100rpx;
|
|
align-items: center;
|
|
position: relative;
|
|
}
|
|
.goods-footer-item>button {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
opacity: 0;
|
|
z-index: 8;
|
|
}
|
|
.goods-footer-item image {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
display: inline-block;
|
|
margin: 0 20rpx;
|
|
}
|
|
.goods-footer-item .goods-footer-item-text {
|
|
font-size: 24rpx;
|
|
line-height: 1.5em;
|
|
color: #333333;
|
|
text-align: center;
|
|
}
|
|
.goods-footer .goods-footer-btn {
|
|
width: 352rpx;
|
|
height: 72rpx;
|
|
line-height: 72rpx;
|
|
text-align: center;
|
|
border-radius: 50rpx;
|
|
color: #FFFFFF;
|
|
background: #FE504F;
|
|
font-size: 28rpx;
|
|
font-weight: bold;
|
|
margin: 17rpx 30rpx 0 0;
|
|
overflow: hidden;
|
|
}
|
|
.goods-footer.footer-padding {
|
|
padding-bottom: 20px
|
|
}
|
|
.goods-footer .footer-btn {
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
.goods-footer .goods-spread-btn {
|
|
background: #FFD940;
|
|
}
|
|
.go-buy {
|
|
margin-right: 30rpx;
|
|
height: 80rpx;
|
|
border-radius: 40rpx;
|
|
}
|
|
.alrea-remind-go-buy {
|
|
background-color: rgb(172, 177, 172);
|
|
}
|
|
.remind-go-buy {
|
|
background-color: #2AC418;
|
|
}
|
|
.star-go-buy {
|
|
background-color: #FF4444;
|
|
}
|
|
.end-go-buy {
|
|
background-color: #C0C0C0;
|
|
}
|
|
.go-buy-crted {
|
|
background-color: #FF4444;
|
|
margin: 0 30rpx;
|
|
height: 80rpx;
|
|
border-radius: 40rpx;
|
|
}
|
|
.unqualified-gobuy {
|
|
background-color: #C0C0C0;
|
|
margin-right: 30rpx;
|
|
height: 80rpx;
|
|
border-radius: 40rpx;
|
|
color: #FFFFFF;
|
|
}
|
|
.out_buy-left {
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #FF4444;
|
|
border-radius: 40rpx 0 0 40rpx;
|
|
}
|
|
.out_buy-leftTop {
|
|
margin-top: 6rpx;
|
|
}
|
|
.out_buy-right {
|
|
width: 100%;
|
|
height: 100%;
|
|
/* border-radius: 0 40upx 40upx 0; */
|
|
}
|
|
/* 活动未开始或者已结束状态 */
|
|
.havebtn {
|
|
background-color: #EEEEEE;
|
|
line-height: 80rpx;
|
|
}
|
|
/* 活动开始状态 */
|
|
.starbtn {
|
|
background-color: #FFD200;
|
|
}
|
|
/* 拼团按钮 */
|
|
.group-go-buy {
|
|
width: 50%;
|
|
margin-right: 30rpx;
|
|
height: 80rpx;
|
|
border-radius: 40rpx;
|
|
}
|
|
/* 砍价 */
|
|
.bargainbtn {
|
|
line-height: 70rpx;
|
|
}
|
|
.bargain-buy-box {
|
|
background: rgba(255, 248, 245, 1);
|
|
border-radius: 10rpx;
|
|
}
|
|
.bargain-buy-top-title {
|
|
color: #FF4444;
|
|
}
|
|
.icon-right-buybarainIcon {
|
|
font-size: 24rpx;
|
|
}
|
|
.bargain-countdown {
|
|
height: 110rpx;
|
|
background-size: 100% 110rpx;
|
|
background-repeat: no-repeat;
|
|
padding: 0 30rpx 0;
|
|
}
|
|
.bargain-label-box {
|
|
border-radius: 4rpx;
|
|
padding: 4rpx 8rpx;
|
|
}
|
|
.bargain-label-box>image {
|
|
width: 34rpx;
|
|
height: 34rpx;
|
|
display: block;
|
|
}
|
|
.bargain-label-box>view {
|
|
color: #F02E24;
|
|
}
|
|
.bargain-label-icon-rush {
|
|
color: #333333 !important;
|
|
left: -6%;
|
|
top: 20%;
|
|
}
|
|
.bargain-label-icon-bargin {
|
|
color: #FFFFFF !important;
|
|
left: -12%;
|
|
top: 20%;
|
|
}
|
|
.bargain-label-icon {
|
|
position: absolute;
|
|
/* transform: translateY(-50%); */
|
|
font-size: 24rpx;
|
|
-webkit-transform: rotate(90deg);
|
|
transform: rotate(90deg);
|
|
}
|
|
.bargain-countdown-oldPrice {
|
|
-webkit-transform: scale(.95, .95);
|
|
transform: scale(.95, .95);
|
|
text-decoration: line-through;
|
|
}
|
|
.bargain-countdown-oldPrice text {
|
|
margin-left: 10rpx;
|
|
}
|
|
.countdownTime-style text {
|
|
height: 38rpx;
|
|
line-height: 38rpx;
|
|
border-radius: 4rpx;
|
|
padding: 4rpx 6rpx;
|
|
}
|
|
.countdownTime-style-color1 text {
|
|
background: #F02E24;
|
|
color: #FFFFFF;
|
|
}
|
|
.countdownTime-style-color2 text {
|
|
background: rgba(255, 255, 255, 1);
|
|
color: #F02E24;
|
|
}
|
|
/* 抢购倒计时 */
|
|
.rush_logo {
|
|
width: 70rpx;
|
|
height: 70rpx;
|
|
display: block;
|
|
}
|
|
.rush-label-box {
|
|
background-color: #333333;
|
|
color: #EED196;
|
|
border-radius: 4rpx;
|
|
padding: 4rpx 8rpx;
|
|
}
|
|
/* 拼团倒计时 */
|
|
.group-countdown {
|
|
height: 110rpx;
|
|
background-size: 100% 110rpx;
|
|
background-repeat: no-repeat;
|
|
padding: 0 30rpx 0;
|
|
}
|
|
.group-countdown-oldPrice {
|
|
-webkit-transform: scale(.95, .95);
|
|
transform: scale(.95, .95);
|
|
}
|
|
.group-countdown-num {
|
|
height: 34rpx;
|
|
border: 1px solid rgba(255, 255, 255, 1);
|
|
border-radius: 4rpx;
|
|
}
|
|
.group-countdown-numGroup {
|
|
padding: 0 0 0 10rpx;
|
|
}
|
|
.group-countdown-num-logo {
|
|
padding: 0 8rpx;
|
|
width: 28rpx;
|
|
height: 100%;
|
|
line-height: 34rpx;
|
|
}
|
|
.group-countdown-num-logo>image {
|
|
width: 30rpx;
|
|
height: 26rpx;
|
|
}
|
|
.group-countdown-title {
|
|
-webkit-transform: scale(.9, .9);
|
|
transform: scale(.9, .9);
|
|
}
|
|
.groupcountdownTime-style text {
|
|
height: 38rpx;
|
|
line-height: 38rpx;
|
|
background: rgba(255, 255, 255, 1);
|
|
border-radius: 4rpx;
|
|
color: #F02E24;
|
|
padding: 2rpx 6rpx;
|
|
}
|
|
.group-countdown-nowPrice>text {
|
|
vertical-align: bottom;
|
|
}
|
|
/* 拼团列表 */
|
|
.group-list-content .group-list-title>text {
|
|
color: #FF4444;
|
|
}
|
|
.group-list-moreicon {
|
|
font-size: 24rpx;
|
|
color: #999999;
|
|
}
|
|
.group-detail .group-item-logo {
|
|
width: 60rpx;
|
|
height: 60rpx;
|
|
background-repeat: no-repeat;
|
|
background-size: 60rpx 60rpx;
|
|
border-radius: 50%;
|
|
}
|
|
.clustering-num {
|
|
color: #FF4444;
|
|
}
|
|
.group-list-item-btn {
|
|
width: 126rpx;
|
|
height: 52rpx;
|
|
line-height: 52rpx;
|
|
border-radius: 26rpx;
|
|
}
|
|
.group-list-item-btn-isEndTimefalse {
|
|
background: rgba(255, 68, 68, 1);
|
|
}
|
|
.group-list-item-btn-isEndTimeTrue {
|
|
background: #CCCCCC
|
|
}
|
|
/* 社群 */
|
|
.goods-community {
|
|
padding-top: 20rpx;
|
|
}
|
|
.community-user .community-user-img {
|
|
width: 68rpx;
|
|
height: 68rpx;
|
|
display: block;
|
|
margin-right: 20rpx;
|
|
border-radius: 50%;
|
|
}
|
|
.community-add {
|
|
/* width: 110upx; */
|
|
padding: 0 20rpx;
|
|
height: 54rpx;
|
|
line-height: 54rpx;
|
|
border-radius: 10rpx;
|
|
font-size: 24rpx;
|
|
}
|
|
.community-add-bgcolor {
|
|
background-color: #2AC418;
|
|
}
|
|
.community-detail {
|
|
border-radius: 20rpx;
|
|
overflow: hidden;
|
|
}
|
|
.community-detail .community-header {
|
|
width: 70vw;
|
|
height: 120rpx;
|
|
line-height: 120rpx;
|
|
overflow: hidden !important;
|
|
}
|
|
.community-detail .community-header .community-header-text {
|
|
z-index: 2;
|
|
}
|
|
.community-detail .community-header::after {
|
|
content: " ";
|
|
position: absolute;
|
|
top: -160rpx;
|
|
left: -25%;
|
|
width: 150%;
|
|
height: 280rpx;
|
|
border-radius: 60%;
|
|
background: linear-gradient(0deg, rgba(228, 63, 53, 1), rgba(253, 92, 79, 1));
|
|
z-index: 1;
|
|
}
|
|
.community-detail .community-body {
|
|
padding: 50rpx;
|
|
}
|
|
.community-detail .community-phone {
|
|
height: 80rpx;
|
|
line-height: 80rpx;
|
|
margin: 0 30rpx 30rpx;
|
|
padding: 0 20rpx 0 8rpx;
|
|
border-radius: 10rpx;
|
|
background: #F6F6F6;
|
|
}
|
|
.community-detail .community-number .community-number-icon {
|
|
width: 60rpx;
|
|
height: 60rpx;
|
|
display: block;
|
|
/* margin-right: 15upx; */
|
|
}
|
|
.community-detail .community-bdial {
|
|
width: 96rpx;
|
|
height: 52rpx;
|
|
line-height: 52rpx;
|
|
background-color: #FF4444;
|
|
border-radius: 10rpx;
|
|
color: #FFFFFF;
|
|
}
|
|
.community-detail .community-reply {
|
|
width: 200rpx;
|
|
height: 70rpx;
|
|
line-height: 70rpx;
|
|
background: linear-gradient(0deg, rgba(255, 115, 115, 1) 0%, rgba(255, 68, 68, 1) 100%);
|
|
border-radius: 35rpx;
|
|
margin: 0 auto 30rpx;
|
|
}
|
|
.community-detail .community-qrcodeimg {
|
|
width: 366rpx;
|
|
height: 366rpx;
|
|
display: block;
|
|
margin: 0 auto 30rpx;
|
|
}
|
|
.bargain-countdown-right-loading {
|
|
width: 100rpx;
|
|
height: 80rpx;
|
|
}
|
|
.partLoaing {
|
|
position: absolute;
|
|
right: 20%;
|
|
top: 0;
|
|
}
|
|
.store-addressInfo-onelist {
|
|
width: 87%;
|
|
}
|
|
.masking {
|
|
position: fixed;
|
|
/* width: 100%;
|
|
height: 100%; */
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 100;
|
|
background: rgba(0, 0, 0, .5);
|
|
/* display: none */
|
|
}
|
|
.to-share {
|
|
position: fixed !important;
|
|
z-index: 1009;
|
|
right: 10rpx;
|
|
top: 0;
|
|
overflow: auto;
|
|
width: 500rpx;
|
|
height: 380rpx;
|
|
}
|
|
.limit-rushBox {
|
|
box-shadow: 0 2rpx 12rpx 0 rgba(221, 221, 221, 0.34);
|
|
border-radius: 10rpx;
|
|
}
|
|
.progress-box {
|
|
width: 280rpx;
|
|
height: 24rpx;
|
|
border-radius: 12rpx;
|
|
background-color: #FEB2B2;
|
|
}
|
|
.progress-bar {
|
|
background-image: linear-gradient(60deg, #FF4444 0, #FF4444 9%, #ff6c6c 0, #ff6c6c 12%, #FF4444 0, #FF4444 18%, #ff6c6c 0, #ff6c6c 21%, #FF4444 0, #FF4444 27%, #ff6c6c 0, #ff6c6c 30%, #FF4444 0, #FF4444 37%, #ff6c6c 0, #ff6c6c 40%, #FF4444 0, #FF4444 47%, #ff6c6c 0, #ff6c6c 50%, #FF4444 0, #FF4444 57%, #ff6c6c 0, #ff6c6c 60%, #FF4444 0, #FF4444 67%, #ff6c6c 0, #ff6c6c 70%, #FF4444 0, #FF4444 77%, #ff6c6c 0, #ff6c6c 80%, #FF4444 0, #FF4444 87%, #ff6c6c 0, #ff6c6c 90%, #FF4444 0, #FF4444 100%);
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
border-radius: 12rpx;
|
|
z-index: 2;
|
|
max-width: 100%;
|
|
}
|
|
.switchShow{
|
|
position: absolute;
|
|
bottom: 80rpx;
|
|
width: 220rpx;
|
|
left: 50%;
|
|
z-index: 99;
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
}
|
|
.switchImg{
|
|
width: 80rpx;
|
|
height: 40rpx;
|
|
color: #333333;
|
|
border: 1rpx solid #FFFFFF;
|
|
border-radius: 60rpx;
|
|
line-height: 40rpx;
|
|
font-size: 24rpx;
|
|
background-color: rgba(255,255,255,0.3);
|
|
text-align: center;
|
|
}
|
|
.switchVideo{
|
|
width: 80rpx;
|
|
height: 40rpx;
|
|
color: #FFFFFF;
|
|
border: 1rpx solid #FF4444;
|
|
border-radius: 60rpx;
|
|
line-height: 40rpx;
|
|
font-size: 24rpx;
|
|
background-color: #FF4444;
|
|
text-align: center;
|
|
}
|
|
.switchImg-icon{
|
|
font-size: 24rpx;
|
|
}
|
|
.default-progress-bar {
|
|
position: absolute;
|
|
width: 280rpx;
|
|
height: 24rpx;
|
|
left: 0;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
z-index: 3;
|
|
}
|
|
.default-progress-bar .shrink {
|
|
-webkit-transform: scale(0.85);
|
|
transform: scale(0.85);
|
|
}
|
|
.audio-main {
|
|
position: fixed;
|
|
right: 50rpx;
|
|
top: 10%;
|
|
z-index: 10;
|
|
}
|
|
.audio-bg {
|
|
position: relative;
|
|
}
|
|
.audio-bg .audio-gif {
|
|
width: 100rpx;
|
|
height: 100rpx;
|
|
background-size: 100rpx 100rpx;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.audio-bg .audio-gif .audio-png {
|
|
position: absolute;
|
|
background-size: 80rpx 80rpx;
|
|
-webkit-animation: rotate2d 1.2s linear infinite;
|
|
animation: rotate2d 1.2s linear infinite;
|
|
z-index: -1;
|
|
width: 80rpx;
|
|
height: 80rpx;
|
|
}
|
|
.audio-bg.stop-audio .audio-gif {
|
|
background: none !important;
|
|
}
|
|
.audio-bg.stop-audio .audio-png {
|
|
-webkit-animation: none;
|
|
animation: none;
|
|
}
|
|
@-webkit-keyframes rotate2d {
|
|
from {
|
|
-webkit-transform: rotate(0);
|
|
transform: rotate(0)
|
|
}
|
|
to {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg)
|
|
}
|
|
}
|
|
@keyframes rotate2d {
|
|
from {
|
|
-webkit-transform: rotate(0);
|
|
transform: rotate(0)
|
|
}
|
|
to {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg)
|
|
}
|
|
}
|
|
page {
|
|
background-color: #F8F8F8;
|
|
}
|
|
.header {
|
|
height: 440rpx;
|
|
background-size: 100% 314rpx;
|
|
background-repeat: no-repeat;
|
|
padding: 30rpx;
|
|
}
|
|
.header .header-title {
|
|
padding: 0 6rpx;
|
|
}
|
|
.header .inte-logo {
|
|
width: 50rpx;
|
|
height: 50rpx;
|
|
margin: 0 16rpx;
|
|
}
|
|
.header .inte-bg {
|
|
height: 280rpx;
|
|
background-size: 100% 280rpx;
|
|
background-repeat: no-repeat;
|
|
border-radius: 10rpx;
|
|
}
|
|
.container .seach {
|
|
padding: 0rpx 30rpx;
|
|
background-color: #FFFFFF;
|
|
border-radius: 60rpx;
|
|
}
|
|
.container .seach .input {
|
|
height: 70rpx;
|
|
line-height: 70rpx;
|
|
border-radius: 60rpx;
|
|
background-color: #FFFFFF;
|
|
padding: 0 30rpx;
|
|
font-size: 28rpx;
|
|
}
|
|
.container .goods-list {
|
|
padding: 24rpx 30rpx;
|
|
}
|
|
.container .goods-list .goods-item {
|
|
width: 290rpx;
|
|
padding: 20rpx;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
.container .goods-list .goods-item .goods-image {
|
|
width: 100%;
|
|
height: 290rpx;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 100% 290rpx;
|
|
}
|
|
.container .goods-list .goods-item .goods-exchange .goods-inte .inteStyle {
|
|
color: #FF4444;
|
|
font-size: 32rpx;
|
|
}
|
|
.container .goods-list .goods-item .goods-exchange .goods-inte .inte-price-logo {
|
|
display: block;
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
margin-right: 10rpx;
|
|
flex-shrink: 0;
|
|
}
|
|
.container .goods-list .goods-item .goods-exchange .plus {
|
|
color: #FF4444;
|
|
}
|
|
.container .goods-list .goods-item .goods-exchange .goods-price {
|
|
color: #FF4444;
|
|
font-size: 32rpx;
|
|
}
|
|
.container .goods-list .goods-item .goods-exchange .goods-price > text {
|
|
font-size: 24rpx;
|
|
}
|
|
.container .goods-list .goods-item .oldPirce .goods-oldPrice > text {
|
|
text-decoration: line-through;
|
|
}
|
|
.container .goods-list .goods-item .oldPirce .goods-inteBtn {
|
|
width: 87rpx;
|
|
height: 40rpx;
|
|
line-height: 40rpx;
|
|
border: 1px solid #ff4444;
|
|
border-radius: 20rpx;
|
|
color: #FF4444;
|
|
}
|
|
.page-footer {
|
|
padding: 70rpx 0;
|
|
}
|
|
|
|
|