|
.navbarstyle {
|
/* display: flex; */
|
/* justify-content: space-evenly; */
|
/* flex-direction: row; */
|
/* color: #4169e1; */
|
font-size: 14px;
|
background-color: rgb(247, 247, 247);
|
border-radius: 20px 20px 0 0;
|
width: 100%;
|
height: 97rpx;
|
/* flex-direction: row; */
|
white-space: nowrap;
|
}
|
.textlight {
|
/* color: palevioletred; */
|
border-bottom: 2px solid palevioletred;
|
font-weight: 600;
|
padding: 14px 6px 6px 6px;
|
}
|
.textan {
|
padding: 14px 6px 6px 6px;
|
}
|
.secondBanner {
|
padding: 6px;
|
}
|
.swiperall {
|
height: calc(100vh - 156rpx);
|
background-color: rgb(247, 247, 247);
|
/* flex: 1; */
|
}
|
.swiper-item {
|
/* flex: 1; */
|
/* flex-direction: row; */
|
height: 90vh;
|
overflow: auto;
|
}
|
.title {
|
width: 60px;
|
font-size: 12px;
|
text-align: center;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
line-height: 20px;
|
}
|
.topCard {
|
display: flex;
|
justify-content: space-between;
|
padding: 12px 0;
|
}
|
.firstLine {
|
display: flex;
|
justify-content: space-between;
|
width: 100%;
|
/* height: 20rpx; */
|
font-size: 24rpx;
|
}
|
.firstLine_img {
|
background-color: rgb(255, 235, 228);
|
border-radius: 12px 0 0 12px;
|
padding-left: 24rpx;
|
padding-right: 24rpx;
|
color: #ce4436;
|
font-size: 24rpx;
|
display: flex;
|
height: 36rpx;
|
}
|
.firstLine_img2 {
|
font-size: 24rpx;
|
background-color: #fff4e6;
|
padding-left: 16rpx;
|
border-radius: 16rpx 0 0 16rpx;
|
height: 36rpx;
|
}
|
.secondLine {
|
display: flex;
|
position: relative;
|
justify-content: space-between;
|
margin-top: 6rpx;
|
}
|
.top1 {
|
position: absolute;
|
top: 0;
|
background-color: rgb(251, 144, 42);
|
width: 36rpx;
|
height: 36rpx;
|
font-size: 24rpx;
|
padding-left: 16rpx;
|
border-radius: 22rpx 0;
|
color: #FFF;
|
}
|
.top2 {
|
position: absolute;
|
top: 0;
|
background-color: rgb(185, 200, 206);
|
width: 36rpx;
|
height: 36rpx;
|
font-size: 24rpx;
|
padding-left: 16rpx;
|
border-radius: 22rpx 0;
|
color: #FFF;
|
}
|
.secondLine_btn1 {
|
font-size: 22rpx;
|
text-align: center;
|
background-color: rgb(251, 144, 42);
|
color: #FFF;
|
border-radius: 12rpx;
|
}
|
.secondLine_btn2 {
|
font-size: 22rpx;
|
text-align: center;
|
background-color: rgb(185, 200, 206);
|
color: #FFF;
|
border-radius: 12rpx;
|
}
|
.secondLine_btn3 {
|
font-size: 22rpx;
|
text-align: center;
|
background-color: white;
|
color: rgb(251, 144, 42);
|
border-radius: 12rpx;
|
box-shadow: 0 0.02rem 0.06rem 0 rgb(244 92 0 / 14%);
|
}
|
.price {
|
color: #f43f07;
|
text-align: center;
|
font-weight: bold;
|
}
|
.topSignalCard {
|
|
/* display: flex; */
|
/* flex-direction: row; */
|
/* justify-content: space-between; */
|
padding: 4px 6px 0 6px;
|
margin: 0 0 0 12px;
|
width: 100%;
|
height: 280rpx;
|
background-color: #FFF;
|
}
|
.speendItem {
|
width: 20%;
|
padding: 0 5px;
|
box-sizing: border-box;
|
height: 86px;
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
}
|
.speed {
|
font-size: 12px;
|
margin-top: 16rpx;
|
padding-left: 5px;
|
padding-right: 5px;
|
padding-bottom: 17px;
|
display: flex;
|
flex-direction: row;
|
flex-wrap: wrap;
|
height: auto;
|
}
|
.indexContent {
|
z-index: 48;
|
flex: 1;
|
height: 100%;
|
overflow: auto;
|
background: #f5f5f5;
|
}
|
.indexBody {
|
box-sizing: border-box;
|
height: 100%;
|
display: flex;
|
flex-direction: column;
|
overflow: hidden;
|
position: relative;
|
/* padding-bottom: 20px; */
|
}
|
.mainWrap {
|
font-size: 0;
|
height: 46px;
|
width: 100%;
|
position: relative;
|
display: flex;
|
flex-direction: row;
|
padding-left: 13px;
|
padding-right: 13px;
|
align-items: center;
|
box-sizing: border-box;
|
align-items: center;
|
border-bottom: 1px solid #e7e7e7;
|
}
|
.iconLogo {
|
display: flex;
|
width: 114px;
|
height: 43px;
|
margin-right: 9px;
|
}
|
.search {
|
height: 44rpx;
|
padding: 10rpx 25rpx;
|
line-height: 50rpx;
|
font-size: 28rpx;
|
background: #FFF;
|
flex: 1;
|
border-radius: 20px;
|
display: flex;
|
color: gray;
|
}
|
.right-icon {
|
width: 48px;
|
height: 32px;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
position: relative;
|
}
|
.login-t {
|
font-size: 13px;
|
color: #fff;
|
}
|
.swiper {
|
height: 220px;
|
background-color: #f5f5f5;
|
}
|
.messageplat {
|
height: 16px;
|
padding: 12px 0 0 12px;
|
}
|
.hotMessage {
|
color: white;
|
background-color: #ce4436;
|
width: 26px;
|
border-radius: 12px;
|
font-size: 12px;
|
padding: 0 6px;
|
}
|
.goodCards {
|
display: flex;
|
flex-direction: row;
|
flex-wrap: wrap;
|
background-color: #f5f5f5;
|
padding-bottom: 20px;
|
/* column-count: 2;
|
column-gap: 2px; */
|
}
|
.card {
|
display: flex;
|
flex-direction: column;
|
width: 50%;
|
/* background-color: white; */
|
}
|
.cardImg {
|
padding: 12px 0 0 12px;
|
height: 196px;
|
}
|
.cardTitle {
|
/* background-color: white; */
|
/* margin-left: 12px; */
|
font-size: 14px;
|
overflow: hidden;
|
padding-left: 4px;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
overflow: hidden;
|
/* display: flex; */
|
}
|
.cardTitleTB:before {
|
content: '';
|
background-image: url('https://img.alicdn.com/imgextra/i4/751308485/O1CN01ppfg8j2CYBRpPtb51_!!751308485.png');
|
width: 16px;
|
height: 16px;
|
}
|
.cardTitleTM:before {
|
content: '';
|
background-image: url('https://img.alicdn.com/imgextra/i4/751308485/O1CN01mKVp3U2CYBRzeHVcG_!!751308485.png');
|
width: 16px;
|
height: 16px;
|
}
|
.cardDetail {
|
background-color: white;
|
margin-left: 12px;
|
font-size: 30rpx;
|
color: #eb0000;
|
padding-left: 12rpx;
|
}
|
.cardCount {
|
color: gray;
|
background-color: white;
|
margin-left: 12px;
|
font-size: 24rpx;
|
padding-left: 12rpx;
|
}
|
.loading-more {
|
align-items: center;
|
justify-content: center;
|
padding-top: 10px;
|
padding-bottom: 10px;
|
text-align: center;
|
}
|
.loading-more-text {
|
font-size: 28rpx;
|
color: #999;
|
}
|
.scroll-v {
|
height: 90vh;
|
flex: 1;
|
|
flex-direction: column;
|
|
width: 100%;
|
}
|
.topcard_coupon {
|
background: rgb(238, 51, 53);
|
padding: 6rpx 12rpx 6rpx 6rpx;
|
/* width: 130rpx; */
|
color: white;
|
border-radius: 8rpx;
|
font-size: 22rpx;
|
display: inline-block;
|
}
|
.flex-sub {
|
|
display: inline-block;
|
|
flex-wrap: nowrap;
|
padding-left: 12rpx;
|
padding-right: 12rpx;
|
/* margin: 0 24rpx; */
|
}
|
.numCircle {
|
background-color: rgb(221, 90, 98);
|
padding: 0 6px;
|
border-radius: 50%;
|
}
|
