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.
1610 lines
29 KiB
1610 lines
29 KiB
@charset "UTF-8";
|
|
/**
|
|
* 这里是uni-app内置的常用样式变量
|
|
*
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|
*
|
|
*/
|
|
/**
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|
*
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|
*/
|
|
/* 颜色变量 */
|
|
/* 行为相关颜色 */
|
|
/* 文字基本颜色 */
|
|
/* 背景颜色 */
|
|
/* 边框颜色 */
|
|
/* 尺寸变量 */
|
|
/* 文字尺寸 */
|
|
/* 图片尺寸 */
|
|
/* Border Radius */
|
|
/* 水平间距 */
|
|
/* 垂直间距 */
|
|
/* 透明度 */
|
|
/* 文章场景相关 */
|
|
.carduserInfo-box {
|
|
box-shadow: 0 0 10rpx 0 rgba(86, 86, 86, 0.2);
|
|
border-radius: 20rpx;
|
|
}
|
|
.carduserInfo-box .carduserInfo-top {
|
|
padding: 60rpx 50rpx;
|
|
}
|
|
.businessCard_detail_bg {
|
|
position: absolute;
|
|
width: 182rpx;
|
|
height: 248rpx;
|
|
background-size: 182rpx 248rpx;
|
|
background-repeat: no-repeat;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
.carduserInfo-top .cardInfo-left .seg {
|
|
width: 104rpx;
|
|
height: 2rpx;
|
|
background-color: #333333;
|
|
margin: 10rpx 0;
|
|
}
|
|
.carduserInfo-top .cardInfo-right {
|
|
width: 90rpx;
|
|
height: 90rpx;
|
|
border-radius: 45rpx;
|
|
background-size: 90rpx 90rpx;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.carduserInfo-top .cardInfo-contact .icon-Class {
|
|
font-size: 32rpx;
|
|
width: 32rpx;
|
|
}
|
|
.carduserInfo-top .cardInfo-contact {
|
|
margin-top: 60rpx;
|
|
}
|
|
.carduserInfo-top .cardInfo-tab {
|
|
margin-top: 60rpx;
|
|
}
|
|
.carduserInfo-btm,
|
|
.carduserPayInfo-bottom {
|
|
padding-bottom: 30rpx;
|
|
}
|
|
.carduserInfo-btm .shadow-seg,
|
|
.carduserPayInfo-bottom .shadow-seg {
|
|
width: 100%;
|
|
height: 30rpx;
|
|
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 1) 100%);
|
|
opacity: 0.06;
|
|
}
|
|
.carduserInfo-btm .cardDataList {
|
|
padding: 0 50rpx;
|
|
}
|
|
.carduserfcbtn-box {
|
|
padding: 0 14rpx;
|
|
}
|
|
.fcbtn-list {
|
|
margin: 50rpx 0 30rpx;
|
|
}
|
|
.fcbtn-list .fcbtn-item .fcbtn-itemIconfont {
|
|
font-size: 30rpx;
|
|
}
|
|
.fcbtn-list .fcbtn-item.defau-btn {
|
|
width: 180rpx;
|
|
height: 60rpx;
|
|
line-height: 60rpx;
|
|
border: 1px solid #EEEEEE;
|
|
border-radius: 30rpx;
|
|
}
|
|
.cardusertabbar-box {
|
|
margin: 0 -30rpx 60rpx;
|
|
}
|
|
.cardusertabbar-box .tabbar-list {
|
|
height: 60rpx;
|
|
line-height: 80rpx;
|
|
}
|
|
.tabbar-item .selectabbar-item {
|
|
width: 48rpx;
|
|
height: 6rpx;
|
|
background-color: #FF4444;
|
|
border-radius: 6rpx 6rpx 0 0;
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: 0;
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
}
|
|
.bottomFixedTabbar {
|
|
position: fixed;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
padding: 20rpx 30rpx;
|
|
border-top: 1px solid #eeeeee;
|
|
border-radius: 6rpx 6rpx 0 0;
|
|
z-index: 100;
|
|
}
|
|
.bottomFixedTabbar-left {
|
|
width: 40%;
|
|
margin-right: 5%;
|
|
}
|
|
.menu-item .menu-itemImage {
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
display: block;
|
|
margin: 0 auto;
|
|
font-size: 0;
|
|
}
|
|
.tabbar-btnStyle {
|
|
padding: 10rpx 30rpx;
|
|
border-radius: 30px;
|
|
height: 44rpx;
|
|
}
|
|
.tabbar-btnStyle.tabbar-chat {
|
|
background-color: #17D117;
|
|
}
|
|
.tabbar-btnStyle.tabbar-phone {
|
|
background-color: #FF4444;
|
|
}
|
|
.tabbar-itemImage {
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
display: block;
|
|
margin-right: 10rpx;
|
|
font-size: 0;
|
|
}
|
|
.tabbar-btnlist {
|
|
width: 100%;
|
|
}
|
|
.fctabbar-box {
|
|
padding: 0 60rpx;
|
|
}
|
|
.fctabbarImage {
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
display: block;
|
|
margin: 0 auto 10rpx;
|
|
}
|
|
.carduserPayInfo-top {
|
|
padding: 80rpx 0;
|
|
}
|
|
.carduserPayInfo-top .carduserPayBtn {
|
|
width: 240rpx;
|
|
height: 50rpx;
|
|
line-height: 50rpx;
|
|
border: 1px dotted #666666;
|
|
border-radius: 25rpx;
|
|
text-align: center;
|
|
}
|
|
.cardInfo-contact .wx>image {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
font-size: 0;
|
|
margin-right: 24rpx;
|
|
}
|
|
.fnclick-dz {
|
|
border-color: #ff4444 !important;
|
|
color: #ff4444 !important;
|
|
}
|
|
.coverImg {
|
|
width: 750rpx;
|
|
}
|
|
.closeButton {
|
|
height: 88rpx;
|
|
width: 750rpx;
|
|
text-align: center;
|
|
}
|
|
.closeButton>text {
|
|
line-height: 88rpx;
|
|
font-size: 28rpx;
|
|
color: rgba(51, 51, 51, 1);
|
|
}
|
|
.buttonText {
|
|
text-align: center;
|
|
}
|
|
.buttonText>text {
|
|
font-size: 24rpx;
|
|
color: rgba(51, 51, 51, 1);
|
|
}
|
|
.buttonImage {
|
|
margin: auto;
|
|
width: 120rpx;
|
|
height: 120rpx;
|
|
}
|
|
.buttonImage>image {
|
|
width: 120rpx;
|
|
height: 120rpx;
|
|
}
|
|
.titleButton {
|
|
position: relative;
|
|
margin: 47rpx 0 0 0;
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
.mainTitle {
|
|
width: 750rpx;
|
|
height: 255rpx;
|
|
border-bottom: 1rpx solid rgba(238, 238, 238, 1);
|
|
}
|
|
.shareBottom {
|
|
font-size: 0;
|
|
}
|
|
.viewMain {
|
|
width: 750rpx;
|
|
height: 344rpx;
|
|
background: rgba(255, 255, 255, 1);
|
|
border-radius: 20rpx 20rpx 0rpx 0rpx;
|
|
}
|
|
.shareButton {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.wxShareView {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.full{
|
|
height: 100rpx;
|
|
width: 750rpx;
|
|
background: #F8F8F8;
|
|
}
|
|
.cardEndTime {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
width: 240rpx;
|
|
padding: 0 30rpx;
|
|
height: 40rpx;
|
|
line-height: 40rpx;
|
|
background-color: #ff4444;
|
|
border-radius: 0 20rpx 0 10rpx;
|
|
}
|
|
.checkbox-content {
|
|
width: 100vw;
|
|
height: 500rpx;
|
|
border-radius: 20rpx 20rpx 0rpx 0rpx;
|
|
}
|
|
.scrollView {
|
|
width: 100vw;
|
|
height: 360rpx;
|
|
padding: 30rpx;
|
|
}
|
|
.labeStyle:last-child .labeStyle-btm {
|
|
margin-bottom: 0;
|
|
}
|
|
.checkbox-submit {
|
|
height: 80rpx;
|
|
line-height: 80rpx;
|
|
background-color: #FF4444;
|
|
}
|
|
.briefTextwh {
|
|
word-break: break-all;
|
|
}
|
|
.shop-content,
|
|
.issue-content {
|
|
background-color: #F8F8F8 !important;
|
|
}
|
|
.issue-content{
|
|
padding: 15rpx 0 30rpx;
|
|
}
|
|
.notice {
|
|
background-color: #fff;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
overflow: hidden;
|
|
}
|
|
.diy-notice-icon {
|
|
width: 118rpx;
|
|
height: 30rpx;
|
|
background-size: 118rpx 30rpx;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.notice-l {
|
|
flex-shrink: 0;
|
|
position: relative;
|
|
}
|
|
.notice-l.style1 {
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
padding: 20rpx;
|
|
}
|
|
.notice-l.style1:after {
|
|
content: "";
|
|
width: 2rpx;
|
|
height: 36%;
|
|
background-color: #e2e2e2;
|
|
position: absolute;
|
|
top: 32%;
|
|
right: 0;
|
|
}
|
|
.notice-l.style2 {
|
|
color: #ff4f4f;
|
|
padding: 20rpx;
|
|
padding-right: 0;
|
|
}
|
|
.notice-l.style2 .span {
|
|
height: 40rpx;
|
|
line-height: 40rpx;
|
|
padding: 0 20rpx;
|
|
background-color: #ffe1e1;
|
|
border-radius: 100rpx;
|
|
font-size: 28rpx;
|
|
}
|
|
.notice-l.style3 .span {
|
|
height: 40rpx;
|
|
line-height: 40rpx;
|
|
color: #FE433F;
|
|
font-weight: 700;
|
|
font-size: 32rpx;
|
|
padding: 20rpx 0 20rpx 20rpx;
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.notice-l .i {
|
|
color: #ff9900;
|
|
font-size: 36rpx;
|
|
margin-top: -2rpx;
|
|
}
|
|
.notice-r {
|
|
height: 80rpx;
|
|
line-height: 80rpx;
|
|
font-size: 24rpx;
|
|
padding: 0 0 0 40rpx;
|
|
flex: 1;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.notice-r swiper {
|
|
height: 80rpx !important;
|
|
}
|
|
.notice-r swiper swiper-item .a {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
/* position: relative; */
|
|
}
|
|
.movbox {
|
|
position: relative;
|
|
height: 80rpx;
|
|
font-size: 24rpx;
|
|
}
|
|
.move {
|
|
position: absolute;
|
|
height: 80rpx;
|
|
line-height: 80rpx;
|
|
/* left: 0; */
|
|
}
|
|
.notice-r-i {
|
|
height: 40rpx;
|
|
line-height: 40rpx;
|
|
padding-top: 20rpx;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
/* magic_cube 图片魔方 */
|
|
.magic_cube {
|
|
width: 100vw;
|
|
height: 100vw;
|
|
max-height: 100vw;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.magic_cube-d-f {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
}
|
|
.magic_cube-d {
|
|
width: 100%;
|
|
height: 100%;
|
|
margin-top: 0 !important;
|
|
position: relative;
|
|
}
|
|
.magic_cube-i {
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
.magic_cube-i-d {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.magic_cube-i .image {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: initial;
|
|
display: block;
|
|
}
|
|
/* picturew 图片橱窗1 */
|
|
.imgwindow {
|
|
background-color: #fff;
|
|
}
|
|
.imgwindow:after {
|
|
content: "";
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
.imgwindow-i {
|
|
width: 25%;
|
|
box-sizing: border-box;
|
|
float: left;
|
|
}
|
|
.imgwindow-i-d .image {
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
/* picturew2 图片橱窗2 */
|
|
.picturew2-i {
|
|
width: 100%;
|
|
}
|
|
.picturew2-i-d {
|
|
box-sizing: border-box;
|
|
}
|
|
.picturew2-i .image {
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
/* picturew3 图片橱窗3 */
|
|
.picturew3 {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
}
|
|
.picturew3-i {
|
|
width: 50%;
|
|
}
|
|
.picturew3-i-d {
|
|
box-sizing: border-box;
|
|
}
|
|
.picturew3-i .image {
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
/* picturew4 图片橱窗4 */
|
|
.picturew4:after {
|
|
content: "";
|
|
clear: both;
|
|
display: block;
|
|
}
|
|
.picturew4-i {
|
|
width: 50vw;
|
|
height: 25vw;
|
|
box-sizing: border-box;
|
|
float: left;
|
|
}
|
|
.picturew4-i:nth-child(1) {
|
|
height: 50vw;
|
|
}
|
|
.picturew4-i-d {
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
.picturew4-i .image {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
}
|
|
/* picturew5 图片橱窗5 */
|
|
.picturew5:after {
|
|
content: "";
|
|
clear: both;
|
|
display: block;
|
|
}
|
|
.picturew5-i {
|
|
width: 50vw;
|
|
height: 25vw;
|
|
box-sizing: border-box;
|
|
float: left;
|
|
}
|
|
.picturew5-i:nth-child(1) {
|
|
height: 50vw;
|
|
}
|
|
.picturew5-i:nth-child(3),
|
|
.picturew5-i:nth-child(4) {
|
|
width: 25vw;
|
|
}
|
|
.picturew5-i-d {
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
.picturew5-i .image {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
display: block;
|
|
}
|
|
/* picturew6 图片橱窗6 */
|
|
.picturew6 {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
}
|
|
.picturew6-i {
|
|
width: calc(100% / 3);
|
|
}
|
|
.picturew6-i-d {
|
|
box-sizing: border-box;
|
|
}
|
|
.picturew6-i .image {
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
/* pictures 图片展播 */
|
|
.pictures {
|
|
width: 100%;
|
|
overflow: auto;
|
|
}
|
|
.pictures-d:after {
|
|
content: "";
|
|
clear: both;
|
|
display: block;
|
|
}
|
|
.picturesd {
|
|
width: 100% !important;
|
|
box-sizing: border-box;
|
|
}
|
|
.pictures-i {
|
|
box-sizing: border-box;
|
|
float: left;
|
|
}
|
|
.pictures-i .image {
|
|
position: relative;
|
|
}
|
|
.pictures-i .image .image {
|
|
width: 100%;
|
|
/* height: 200upx; */
|
|
background-repeat: no-repeat;
|
|
}
|
|
.pictures-i .image .title {
|
|
position: absolute;
|
|
height: 50rpx;
|
|
line-height: 50rpx;
|
|
width: 100%;
|
|
background: rgba(0, 0, 0, 0.3);
|
|
color: #fff;
|
|
margin: 0;
|
|
padding: 0 10rpx;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
font-size: 28rpx;
|
|
display: block;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
box-sizing: border-box;
|
|
}
|
|
.pictures-i .text {
|
|
font-size: 28rpx;
|
|
height: 50rpx;
|
|
line-height: 50rpx;
|
|
display: block;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
padding: 0 .25rem;
|
|
position: relative;
|
|
}
|
|
.pictures-i.row-2 {
|
|
width: 50%;
|
|
}
|
|
.pictures-i.row-3 {
|
|
width: 33.33%;
|
|
}
|
|
.pictures-i.row-4 {
|
|
width: 25%;
|
|
}
|
|
.pictures-i.row-5 {
|
|
width: 20%;
|
|
}
|
|
/* banner 图片轮播 */
|
|
.imgswiper {
|
|
background-color: #fff;
|
|
}
|
|
.imgmarginlr {
|
|
margin: 0 30rpx;
|
|
}
|
|
.banner-swiper-Item {
|
|
border-radius: 10rpx;
|
|
}
|
|
/* .imgswiper .swiper {
|
|
width: 100%;
|
|
height: auto
|
|
}
|
|
*/
|
|
.imgswiper swiper-item .image {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
}
|
|
/* richtext 富文本 */
|
|
.richtext {
|
|
background-color: #fff;
|
|
}
|
|
/* title 标题1 */
|
|
.titlebar {
|
|
line-height: 42rpx;
|
|
font-size: 32rpx;
|
|
padding: 0 30rpx;
|
|
background-color: #ffffff;
|
|
position: relative;
|
|
}
|
|
.titlebar-d {
|
|
line-height: 42rpx;
|
|
display: inline-block;
|
|
}
|
|
.titlebar .i {
|
|
font-size: 34rpx;
|
|
margin-right: 10rpx;
|
|
display: inline;
|
|
}
|
|
.titlebar .text {
|
|
display: inline;
|
|
}
|
|
.titlebar .more {
|
|
height: 42rpx;
|
|
line-height: 42rpx;
|
|
color: #FE433F;
|
|
font-size: 30rpx;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 30rpx;
|
|
display: inline-block;
|
|
}
|
|
.titlebar .more .a {
|
|
color: #999;
|
|
}
|
|
.titlebar .more .a .span {
|
|
display: inline;
|
|
}
|
|
.titlebar .more .a .i {
|
|
font-size: 32rpx;
|
|
vertical-align: -2rpx;
|
|
display: inline;
|
|
}
|
|
/* title2 标题2 */
|
|
.titlebar2 {
|
|
padding: 0 30rpx;
|
|
position: relative;
|
|
}
|
|
.titlebar2 .h1 {
|
|
font-weight: normal;
|
|
font-size: 36rpx;
|
|
}
|
|
.titlebar2 .p {
|
|
line-height: 42rpx;
|
|
color: #999;
|
|
font-size: 24rpx;
|
|
}
|
|
.titlebar2 .more {
|
|
height: 102rpx;
|
|
line-height: 102rpx;
|
|
color: #FE433F;
|
|
font-size: 30rpx;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 30rpx;
|
|
display: inline-block;
|
|
}
|
|
.titlebar2 .more .a {
|
|
color: #999;
|
|
}
|
|
.titlebar2 .more .a .span {
|
|
display: inline;
|
|
}
|
|
.titlebar2 .more .a .i {
|
|
font-size: 32rpx;
|
|
vertical-align: -2rpx;
|
|
display: inline;
|
|
}
|
|
/* search 搜索框 */
|
|
.searchbox {
|
|
padding: 20rpx 30rpx;
|
|
background-color: #f1f1f2;
|
|
}
|
|
.searchbox-d {
|
|
width: calc(100% - 40rpx);
|
|
height: 56rpx;
|
|
padding: 8rpx 20rpx;
|
|
background-color: #ffffff;
|
|
box-shadow: 0 0 2rpx rgba(0, 0, 0, 0.1);
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
display: inline-block;
|
|
}
|
|
.searchbox-d-inl {
|
|
height: 48rpx;
|
|
line-height: 48rpx;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
display: inline-block;
|
|
}
|
|
.searchbox .i {
|
|
font-size: 28rpx;
|
|
margin-right: 10rpx;
|
|
display: inline;
|
|
}
|
|
.searchbox .text {
|
|
font-size: 24rpx;
|
|
display: inline;
|
|
width: 400rpx;
|
|
line-height: 50rpx;
|
|
height: 50rpx;
|
|
}
|
|
.searchbox .radius {
|
|
border-radius: 10rpx;
|
|
}
|
|
.searchbox .round {
|
|
border-radius: 100rpx;
|
|
}
|
|
.searchbox2 {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.searchbox2-l {
|
|
margin-right: 20rpx;
|
|
max-width: 360rpx;
|
|
}
|
|
.searchbox2-l > image {
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
margin-right: 4rpx;
|
|
flex-shrink: 0;
|
|
}
|
|
.searchbox2-l .i {
|
|
font-size: 32rpx;
|
|
font-weight: 600;
|
|
padding-left: 20rpx;
|
|
display: inline;
|
|
}
|
|
.searchbox2-r {
|
|
flex: 1;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
overflow: hidden;
|
|
}
|
|
/* search3 搜索框3 */
|
|
.searchbox3 {
|
|
background-color: #f1f1f1;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.searchbox3-d {
|
|
height: 80rpx;
|
|
line-height: 68rpx;
|
|
padding: 10rpx 30rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
position: relative;
|
|
box-sizing: initial;
|
|
}
|
|
.searchbox3-l {
|
|
color: #000;
|
|
font-size: 36rpx;
|
|
font-style: italic;
|
|
font-family: SimHei;
|
|
}
|
|
.searchbox3-r-d {
|
|
width: 180rpx;
|
|
height: 56rpx;
|
|
line-height: 56rpx;
|
|
color: #808080;
|
|
font-size: 28rpx;
|
|
text-align: center;
|
|
margin-top: 12rpx;
|
|
background-color: #d9d9d9;
|
|
border-radius: 40rpx;
|
|
}
|
|
.searchbox3-r-d .i {
|
|
font-size: 32rpx;
|
|
margin-right: 10rpx;
|
|
vertical-align: -2rpx;
|
|
}
|
|
@-webkit-keyframes move_wave {
|
|
0% {
|
|
-webkit-transform: translateX(0) translateZ(0) scaleY(1);
|
|
transform: translateX(0) translateZ(0) scaleY(1);
|
|
}
|
|
100% {
|
|
-webkit-transform: translateX(-66.66666%) translateZ(0) scaleY(1);
|
|
transform: translateX(-66.66666%) translateZ(0) scaleY(1);
|
|
}
|
|
}
|
|
@keyframes move_wave {
|
|
0% {
|
|
-webkit-transform: translateX(0) translateZ(0) scaleY(1);
|
|
transform: translateX(0) translateZ(0) scaleY(1);
|
|
}
|
|
100% {
|
|
-webkit-transform: translateX(-66.66666%) translateZ(0) scaleY(1);
|
|
transform: translateX(-66.66666%) translateZ(0) scaleY(1);
|
|
}
|
|
}
|
|
.search-wave {
|
|
width: 100%;
|
|
height: 28rpx;
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
overflow: hidden;
|
|
}
|
|
.search-wave-d {
|
|
width: 300%;
|
|
height: 100%;
|
|
-webkit-animation: move_wave 4s linear infinite;
|
|
animation: move_wave 4s linear infinite;
|
|
-webkit-animation-delay: 0s;
|
|
animation-delay: 0s;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
}
|
|
.search-wave-i {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
}
|
|
.search-wave-i .image {
|
|
width: 100%;
|
|
height: 100%;
|
|
vertical-align: middle;
|
|
}
|
|
/* line 辅助线 */
|
|
.subline {
|
|
height: 2rpx;
|
|
}
|
|
.subline-d {
|
|
height: 0;
|
|
}
|
|
/* menu 按钮组 */
|
|
.btngroup-d {
|
|
padding: 0 0 10rpx;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
flex-wrap: wrap;
|
|
}
|
|
.btngroup-i {
|
|
padding-top: 40rpx;
|
|
}
|
|
.btngroup-i-t {
|
|
padding: 0 15rpx;
|
|
}
|
|
.btngroup-i-t-icon {
|
|
width: 84rpx;
|
|
height: 84rpx;
|
|
margin: 0 auto 8rpx;
|
|
background-position: center;
|
|
background-size: cover;
|
|
}
|
|
.btngroup-i-t-icon .image {
|
|
width: 84rpx;
|
|
height: 84rpx;
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100% !important;
|
|
-webkit-background-size: cover;
|
|
-o-background-size: cover;
|
|
background-position: center center;
|
|
}
|
|
.btngroup-i-c {
|
|
height: 42rpx;
|
|
line-height: 42rpx;
|
|
font-size: 28rpx;
|
|
color: #333;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.btngroupImage.radius {
|
|
border-radius: 20rpx;
|
|
background-size: cover;
|
|
background-position: center 0;
|
|
}
|
|
.btngroupImage.circle {
|
|
border-radius: 200rpx;
|
|
background-size: cover;
|
|
background-position: center 0;
|
|
}
|
|
/* blank 辅助空白 */
|
|
.sublank {
|
|
background-color: #fff;
|
|
}
|
|
/* picture 单图组 */
|
|
.oneimgroup {
|
|
background-color: #fff;
|
|
}
|
|
.oneimgroup-i {
|
|
width: 100%;
|
|
}
|
|
.oneimgroup-i .image {
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
/* rush_goods3 rush_goods3 rush_goods3 抢购3、团购3与优惠券3 */
|
|
.goodslist {
|
|
padding: 30rpx;
|
|
background-color: #fff;
|
|
}
|
|
.goodslist-i .rush_goods_mask_img {
|
|
width: calc(((100vw - 60rpx) / 1.8) * 0.7);
|
|
height: calc(((100vw - 60rpx) / 1.8) * 0.7);
|
|
}
|
|
.goodslist-i {
|
|
margin-top: 50rpx;
|
|
}
|
|
.goodslist-i:first-child {
|
|
margin-top: 0;
|
|
}
|
|
.goodslist-i-t {
|
|
height: calc((100vw - 60rpx) / 1.8);
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.goodslist-i-t .image {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 4rpx;
|
|
}
|
|
.goodslist-i-c-t {
|
|
color: #999;
|
|
font-size: 24rpx;
|
|
margin-top: 20rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.goodslist-i-c-t-l {
|
|
padding-right: 20rpx;
|
|
flex-shrink: 1;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.goodslist-i-c-t-l {
|
|
flex: 1;
|
|
}
|
|
.goodslist-i-c-c {
|
|
line-height: 48rpx;
|
|
font-size: 32rpx;
|
|
margin-top: 20rpx;
|
|
}
|
|
.goodslist-i-c-c .i {
|
|
height: 48rpx;
|
|
line-height: 48rpx;
|
|
font-size: 28rpx;
|
|
font-style: normal;
|
|
margin-right: 10rpx;
|
|
padding: 0 18rpx;
|
|
background-color: #FFD93F;
|
|
border-radius: 4rpx;
|
|
display: inline-block;
|
|
}
|
|
.goodslist-i-c-c2 {
|
|
margin-top: 20rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.goodslist-i-c-c2 .h1 {
|
|
color: #f64031;
|
|
font-size: 40rpx;
|
|
flex-shrink: 1;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: normal;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 1;
|
|
}
|
|
.goodslist-i-c-c2 .h1 text {
|
|
position: relative;
|
|
top: -2rpx;
|
|
margin-left: 4rpx;
|
|
}
|
|
.goodslist-i-c-c2 .h1 .i {
|
|
font-size: 24rpx;
|
|
font-weight: normal;
|
|
vertical-align: 2rpx;
|
|
margin-left: -2rpx;
|
|
}
|
|
.goodslist-i-c-c2 .h1 .span {
|
|
color: #363636;
|
|
font-size: 22rpx;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
vertical-align: 2rpx;
|
|
margin-left: 20rpx;
|
|
display: inline;
|
|
}
|
|
.goodslist-i-c-c2 .h1 .span .i {
|
|
height: 28rpx;
|
|
line-height: 30rpx;
|
|
color: #DDCDA0;
|
|
font-size: 22rpx;
|
|
vertical-align: 0;
|
|
margin-left: 0;
|
|
margin-right: 4rpx;
|
|
padding: 0 4rpx;
|
|
background-color: #363636;
|
|
border-radius: 6rpx;
|
|
display: inline-block;
|
|
}
|
|
.goodslist-i-c-c2 .h2 {
|
|
width: 144rpx;
|
|
height: 56rpx;
|
|
line-height: 56rpx;
|
|
color: #fff;
|
|
font-size: 28rpx;
|
|
text-align: center;
|
|
font-weight: normal;
|
|
background-color: #FF4040;
|
|
border-radius: 8rpx;
|
|
flex-shrink: 0;
|
|
}
|
|
.goodslist-i-c-c2 .sell-out {
|
|
color: #808080;
|
|
background-color: #D2D2D2;
|
|
}
|
|
.goodslist-i-c-b {
|
|
margin-top: 20rpx;
|
|
}
|
|
.goodslist-i-c-b .p {
|
|
color: #999;
|
|
font-size: 24rpx;
|
|
margin-top: 6rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.goodslist-i-c-b .span {
|
|
text-decoration: line-through;
|
|
}
|
|
.goodslist-i-c-b .em {
|
|
font-style: normal;
|
|
}
|
|
/* public_goods 通用商品 */
|
|
.transverse .transverse_list::-webkit-scrollbar {
|
|
width: 0;
|
|
height: 0;
|
|
color: transparent;
|
|
}
|
|
.transverse {
|
|
font-size: 30rpx;
|
|
/* background-color: #fff; */
|
|
}
|
|
.transverse .transverse_list {
|
|
width: auto;
|
|
}
|
|
.goods_father {
|
|
padding: 30rpx 0 10rpx 0;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
}
|
|
.transverse .transverse_list .goods_item {
|
|
width: calc(100vw / 2.4);
|
|
padding: 0 10rpx;
|
|
flex: 0 0 auto;
|
|
}
|
|
.transverse .transverse_list .goods_item:first-child {
|
|
padding-left: 30rpx;
|
|
}
|
|
.transverse .transverse_list .goods_item:last-child {
|
|
padding-right: 30rpx;
|
|
}
|
|
.transverse .transverse_list .goods_item .goods_img {
|
|
width: calc(100vw / 2.4);
|
|
height: calc(100vw / 2.4);
|
|
position: relative;
|
|
}
|
|
.transverse .transverse_list .goods_item .goods_img .image {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.transverse .transverse_list .goods_item .goods_tit {
|
|
line-height: 42rpx;
|
|
color: #333;
|
|
font-size: 26rpx;
|
|
margin: 20rpx 0 5rpx 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: normal;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
}
|
|
.transverse .transverse_list .goods_item .goods_price {
|
|
display: flex;
|
|
align-items: baseline;
|
|
}
|
|
.transverse .transverse_list .goods_item .goods_price .present_price {
|
|
color: #f64031;
|
|
display: flex;
|
|
align-items: baseline;
|
|
font-size: 26rpx;
|
|
}
|
|
.transverse .transverse_list .goods_item .goods_price .present_price view {
|
|
font-size: 40rpx;
|
|
padding-right: 8rpx;
|
|
}
|
|
.transverse .transverse_list .goods_item .goods_price .original_price {
|
|
color: #cccccc;
|
|
text-decoration: line-through;
|
|
padding-left: 20rpx;
|
|
font-size: 26rpx;
|
|
}
|
|
/* shop 商家信息 */
|
|
.b-color-f8 {
|
|
padding: 20rpx 30rpx;
|
|
background-color: #F8F8F8;
|
|
}
|
|
.shangjia-i {
|
|
overflow: hidden;
|
|
margin-top: 6rpx;
|
|
position: relative;
|
|
background-color: #fff;
|
|
margin-bottom: 20rpx;
|
|
border-radius: 10rpx;
|
|
}
|
|
.shangjia-i:first-child {
|
|
margin-top: 0;
|
|
}
|
|
.shangjiaISty {
|
|
padding-bottom: 0;
|
|
}
|
|
.shangjiaISty .shangjia-i-t {
|
|
padding: 30rpx 30rpx 16rpx 30rpx;
|
|
}
|
|
.shangjia-i-t {
|
|
padding: 30rpx 30rpx 0 30rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.shangjia-i-t:active {
|
|
background-color: #f3f3f3;
|
|
}
|
|
.shangjia-i-l {
|
|
width: 180rpx;
|
|
height: 180rpx;
|
|
border-radius: 6rpx;
|
|
flex-shrink: 0;
|
|
}
|
|
.shangjia-i-l .image {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 6rpx;
|
|
}
|
|
.shangjia-i-r {
|
|
/* height: 194upx; */
|
|
flex: 1;
|
|
padding-left: 20rpx;
|
|
}
|
|
.shangjia-i-r-d {
|
|
/* height: 180upx; */
|
|
padding-bottom: 10rpx;
|
|
}
|
|
.shangjiaISty .shangjia-i-r-d {
|
|
padding-bottom: 0;
|
|
border-bottom: none;
|
|
}
|
|
.shangjia-i-r-t1 {
|
|
height: 42rpx;
|
|
line-height: 42rpx;
|
|
font-size: 30rpx;
|
|
}
|
|
.shangjia-i-r-t2 {
|
|
position: relative;
|
|
height: 42rpx;
|
|
line-height: 42rpx;
|
|
padding: 4rpx 0;
|
|
}
|
|
.shangjia-i-r-t2 .icon-shoucangxiao {
|
|
font-size: 26rpx;
|
|
display: inline;
|
|
margin-right: 10rpx;
|
|
float: left;
|
|
}
|
|
.shangjia-i-r-t2 .star {
|
|
display: inline-block;
|
|
position: absolute;
|
|
height: 42rpx;
|
|
}
|
|
.shangjia-i-r-t2 .star:after {
|
|
content: "";
|
|
clear: both;
|
|
display: block;
|
|
}
|
|
.shangjia-i-r-t2-icon {
|
|
height: 46rpx;
|
|
}
|
|
.star-grade {
|
|
margin-left: 180rpx;
|
|
}
|
|
.shangjia-i-r-t2 .star-dark .icon-shoucangxiao {
|
|
z-index: 1;
|
|
}
|
|
.star-dark .icon-shoucangxiao {
|
|
color: #eee;
|
|
}
|
|
.star-light .icon-shoucangxiao {
|
|
color: #FF4444;
|
|
}
|
|
.shangjia-i-r-t2 .star-light {
|
|
z-index: 1;
|
|
}
|
|
.shangjia-i-r-t2 .star-width {
|
|
height: 42rpx;
|
|
overflow: hidden;
|
|
word-break: keep-all;
|
|
white-space: nowrap;
|
|
}
|
|
.tags_view {
|
|
display: inline-block;
|
|
padding: 2rpx 10rpx;
|
|
margin-right: 10rpx;
|
|
border-radius: 20rpx 20rpx 20rpx 0rpx;
|
|
border: 1rpx solid rgba(153, 153, 153, 0.4);
|
|
font-size: 20rpx;
|
|
}
|
|
.shangjia-i-r-t3 {
|
|
position: relative;
|
|
height: 42rpx;
|
|
line-height: 42rpx;
|
|
color: #666666;
|
|
font-size: 26rpx;
|
|
overflow: hidden;
|
|
word-break: keep-all;
|
|
white-space: nowrap;
|
|
}
|
|
.shangjia-i-r-t4 {
|
|
width: 420rpx;
|
|
position: relative;
|
|
color: #666666;
|
|
font-size: 26rpx;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
margin-top: 8rpx;
|
|
}
|
|
.shangjia-i-b {
|
|
line-height: 40rpx;
|
|
color: #666666;
|
|
font-size: 26rpx;
|
|
padding: 2rpx 30rpx 12rpx 30rpx;
|
|
position: relative;
|
|
padding-left: 230rpx;
|
|
}
|
|
.shangjia-i-b-i {
|
|
height: 42rpx;
|
|
margin-top: 6rpx;
|
|
padding-right: 42rpx;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.shangjia-i-b-i:first-child {
|
|
margin-top: 0;
|
|
}
|
|
.shangjia-i-b .i {
|
|
width: 42rpx;
|
|
height: 42rpx;
|
|
line-height: 42rpx;
|
|
font-size: 28rpx;
|
|
text-align: right;
|
|
position: absolute;
|
|
top: 10rpx;
|
|
right: 30rpx;
|
|
display: inline-block;
|
|
color: #999999;
|
|
}
|
|
.shangjia-i-b .em {
|
|
width: 34rpx;
|
|
height: 34rpx;
|
|
line-height: 34rpx;
|
|
text-align: center;
|
|
color: #fff;
|
|
font-style: normal;
|
|
border-radius: 4rpx;
|
|
display: inline-block;
|
|
font-size: 24rpx;
|
|
}
|
|
.shangjia-i-b .qiang {
|
|
background-color: #FF7FCA;
|
|
}
|
|
.shangjia-i-b .li {
|
|
background-color: #FF7FCA;
|
|
}
|
|
.shangjia-i-b .kan {
|
|
background-color: #FF4444;
|
|
}
|
|
.shangjia-i-b .ka {
|
|
background-color: #FFA530;
|
|
}
|
|
.shangjia-i-b .hui {
|
|
background-color: #ff8400;
|
|
}
|
|
.shangjia-i-b .pin {
|
|
background-color: #14DCD5;
|
|
}
|
|
.shangjia-i-b .tuan {
|
|
background-color: #FF834C;
|
|
}
|
|
.shangjia-i-b-i {
|
|
height: 42rpx;
|
|
line-height: 42rpx;
|
|
}
|
|
.shangjia-i-b-i .span {
|
|
margin-left: 8rpx;
|
|
display: inline;
|
|
font-size: 24rpx;
|
|
color: #666666;
|
|
}
|
|
.shangjia-i-b-t2 {
|
|
height: 42rpx;
|
|
line-height: 42rpx;
|
|
margin-top: 6rpx;
|
|
}
|
|
.shangjia-i-b-t2 .em {
|
|
margin-right: 14rpx;
|
|
display: inline-block;
|
|
}
|
|
.shangjia-i-b-t2 .em:last-child {
|
|
margin-right: 0;
|
|
}
|
|
/* headline 头条1 */
|
|
.goodstop-i {
|
|
width: calc(100vw - 60rpx);
|
|
margin-bottom: 20rpx;
|
|
padding: 40rpx 30rpx;
|
|
background-color: #fff;
|
|
}
|
|
.goodstop-i:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.goodstop-i .h1 {
|
|
line-height: 52rpx;
|
|
font-size: 36rpx;
|
|
letter-spacing: 4rpx;
|
|
font-weight: normal;
|
|
}
|
|
.goodstop-i-t {
|
|
width: calc(100vw - 60rpx);
|
|
height: calc((100vw - 30rpx) / 1.8);
|
|
margin-top: 30rpx;
|
|
position: relative;
|
|
}
|
|
.goodstop-i-t-tag {
|
|
position: absolute;
|
|
top: 20rpx;
|
|
left: 20rpx;
|
|
}
|
|
.goodstop-i-t-tag .i {
|
|
height: 52rpx;
|
|
line-height: 52rpx;
|
|
font-size: 24rpx;
|
|
font-style: normal;
|
|
margin-left: 10rpx;
|
|
padding: 0 14rpx;
|
|
background-color: #FFD93F;
|
|
border-radius: 4rpx;
|
|
display: inline;
|
|
}
|
|
.goodstop-i-t-tag .i:first-child {
|
|
margin-left: 0;
|
|
}
|
|
.goodstop-i-t .image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.goodstop-i-c .h2 {
|
|
height: 84rpx;
|
|
line-height: 42rpx;
|
|
font-size: 24rpx;
|
|
color: #888;
|
|
font-weight: normal;
|
|
margin-top: 20rpx;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
}
|
|
.goodstop-i-c .p {
|
|
height: 60rpx;
|
|
line-height: 60rpx;
|
|
font-size: 28rpx;
|
|
color: #888;
|
|
margin-top: 20rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.goodstop-i-c .p .span {
|
|
line-height: 60rpx;
|
|
flex-shrink: 1;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
}
|
|
.goodstop-i-c .p .span .i {
|
|
width: 60rpx;
|
|
height: 60rpx;
|
|
margin-right: 20rpx;
|
|
border-radius: 50%;
|
|
display: block;
|
|
}
|
|
.goodstop-i-c .p .span .b {
|
|
font-weight: normal;
|
|
display: block;
|
|
}
|
|
.goodstop-i-c .p .span .i .image {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 50%;
|
|
}
|
|
.goodstop-i-c .p .em {
|
|
font-style: normal;
|
|
flex-shrink: 0;
|
|
}
|
|
/* community 社群 */
|
|
.diyPages-community {
|
|
padding: 20rpx 30rpx;
|
|
}
|
|
/* goods_detail-2 样式 */
|
|
.goods2-coupon-style .i {
|
|
color: #ddcd88;
|
|
font-size: 24rpx;
|
|
margin-top: -2rpx;
|
|
background-color: #000000;
|
|
border-radius: 10rpx;
|
|
padding: 0 8rpx;
|
|
}
|
|
/* 乐豆 */
|
|
.LeBeans {
|
|
background: linear-gradient(to right, #F22D25, #FB6331);
|
|
position: relative;
|
|
}
|
|
.goods3-margin-16 {
|
|
margin-right: 32rpx;
|
|
}
|
|
.goods3-margin-16 text {
|
|
position: relative;
|
|
top: -2rpx;
|
|
font-size: 28rpx;
|
|
margin-left: 6rpx;
|
|
}
|
|
.shop3-title-width {
|
|
width: 300rpx;
|
|
}
|
|
.store-containerIcon image {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
}
|
|
.coupon-progress {
|
|
width: 216rpx;
|
|
height: 24rpx;
|
|
background: rgba(255, 120, 120, 0.2);
|
|
border-radius: 12rpx;
|
|
}
|
|
.coupon-progress-already {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
background-color: #FF4444;
|
|
height: 100%;
|
|
border-radius: 12rpx;
|
|
z-index: 2;
|
|
max-width: 100%;
|
|
}
|
|
.rush-price-box {
|
|
margin-bottom: 14rpx;
|
|
}
|
|
.coupon-stk {
|
|
position: absolute;
|
|
width: 216rpx;
|
|
height: 24rpx;
|
|
left: 0;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
z-index: 3;
|
|
}
|
|
.coupon-stk .shrink {
|
|
-webkit-transform: scale(0.85);
|
|
transform: scale(0.85);
|
|
}
|
|
.coupon-btn {
|
|
position: absolute;
|
|
right: 20rpx;
|
|
bottom: 24rpx;
|
|
width: 130rpx;
|
|
height: 50rpx;
|
|
line-height: 50rpx;
|
|
border-radius: 26rpx;
|
|
}
|
|
.qglist-i-t-bar {
|
|
height: 64rpx;
|
|
line-height: 64rpx;
|
|
padding-top: 66rpx;
|
|
background: linear-gradient(90deg, #FF7E42, #FB2F52);
|
|
border-radius: 140rpx 0 0 140rpx;
|
|
position: absolute;
|
|
top: -72rpx;
|
|
right: 0rpx;
|
|
}
|
|
.qglist-i-t-bar-d {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
}
|
|
.qglist-i-t-bar-l {
|
|
color: #fff;
|
|
font-size: 28rpx;
|
|
padding: 0 40rpx 0 30rpx;
|
|
}
|
|
.qglist-i-t-bar-l .i {
|
|
font-size: 32rpx;
|
|
vertical-align: -2rpx;
|
|
margin-right: 8rpx;
|
|
display: inline;
|
|
}
|
|
.qglist-i-t-bar-l .em {
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
display: inline;
|
|
}
|
|
.qglist-i-t-bar-r {
|
|
padding: 10.8rpx 20rpx 10.8rpx 0;
|
|
}
|
|
.qglist-i-t-bar-r:after {
|
|
content: "";
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
.qglist-i-t-bar-r .i {
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
margin-left: -16rpx;
|
|
border-radius: 50%;
|
|
float: left;
|
|
}
|
|
.qglist-i-t-bar-r .i .image {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 50%;
|
|
}
|
|
.Rank-logo {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 120rpx;
|
|
height: 50rpx;
|
|
line-height: 50rpx;
|
|
border-radius: 0 40rpx 40rpx 0;
|
|
background: #FF4040;
|
|
color: #FFFFFF;
|
|
}
|
|
.goods_img .rush_goods_mask {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
.goods_img .rush_goods_mask .img {
|
|
width: calc(100vw / 2.4);
|
|
height: calc(100vw / 2.47);
|
|
}
|
|
.cantCall {
|
|
background: #eeeeee !important;
|
|
pointer-events: none;
|
|
}
|
|
.ver_mid {
|
|
vertical-align: middle;
|
|
}
|
|
.cantCall_text {
|
|
color: #999999 !important;
|
|
}
|
|
|
|
|