@charset "UTF-8";
|
/* 页面左右间距 */
|
/* 文字尺寸 */
|
/*文字颜色*/
|
/* 边框颜色 */
|
/* 图片加载中颜色 */
|
/* 行为相关颜色 */
|
.container {
|
position: relative;
|
}
|
.mp-search-box {
|
position: absolute;
|
left: 0;
|
top: 30rpx;
|
z-index: 9999;
|
width: 100%;
|
padding: 0 80rpx;
|
}
|
.mp-search-box .ser-input {
|
flex: 1;
|
height: 56rpx;
|
line-height: 56rpx;
|
text-align: center;
|
font-size: 28rpx;
|
color: #606266;
|
border-radius: 20px;
|
background: rgba(255, 255, 255, 0.6);
|
width: 100%;
|
}
|
page .cate-section {
|
position: relative;
|
z-index: 5;
|
border-radius: 16rpx 16rpx 0 0;
|
margin-top: -20rpx;
|
}
|
page .carousel-section {
|
padding: 0;
|
}
|
page .carousel-section .titleNview-placing {
|
padding-top: 0;
|
height: 0;
|
}
|
page .carousel-section .carousel .carousel-item {
|
padding: 0;
|
}
|
page .carousel-section .swiper-dots {
|
left: 45rpx;
|
bottom: 40rpx;
|
}
|
page .post-section {
|
margin-top: 16rpx;
|
height: 60rpx;
|
line-height: 60rpx;
|
background-color: white;
|
padding-left: 20rpx;
|
}
|
page .post-section .content {
|
height: 60rpx;
|
line-height: 60rpx;
|
font-size: 28rpx;
|
text-overflow: ellipsis;
|
overflow: hidden;
|
color: #fa436a;
|
white-space: nowrap;
|
}
|
page {
|
background: #f5f5f5;
|
}
|
.m-t {
|
margin-top: 16rpx;
|
}
|
/* 头部 轮播图 */
|
.carousel-section {
|
position: relative;
|
padding-top: 10px;
|
}
|
.carousel-section .titleNview-placing {
|
height: 25px;
|
padding-top: 44px;
|
box-sizing: content-box;
|
}
|
.carousel-section .titleNview-background {
|
position: absolute;
|
top: 0;
|
left: 0;
|
width: 100%;
|
height: 426rpx;
|
transition: .4s;
|
}
|
.carousel {
|
width: 100%;
|
height: 350rpx;
|
}
|
.carousel .carousel-item {
|
width: 100%;
|
height: 100%;
|
padding: 0 28rpx;
|
overflow: hidden;
|
}
|
.carousel image {
|
width: 100%;
|
height: 100%;
|
border-radius: 10rpx;
|
}
|
.swiper-dots {
|
display: flex;
|
position: absolute;
|
left: 60rpx;
|
bottom: 15rpx;
|
width: 72rpx;
|
height: 36rpx;
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABkCAYAAADDhn8LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTk4MzlBNjE0NjU1MTFFOUExNjRFQ0I3RTQ0NEExQjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTk4MzlBNjA0NjU1MTFFOUExNjRFQ0I3RTQ0NEExQjMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0E3RUNERkE0NjExMTFFOTg5NzI4MTM2Rjg0OUQwOEUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0E3RUNERkI0NjExMTFFOTg5NzI4MTM2Rjg0OUQwOEUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Gh5BPAAACTUlEQVR42uzcQW7jQAwFUdN306l1uWwNww5kqdsmm6/2MwtVCp8CosQtP9vg/2+/gY+DRAMBgqnjIp2PaCxCLLldpPARRIiFj1yBbMV+cHZh9PURRLQNhY8kgWyL/WDtwujjI8hoE8rKLqb5CDJaRMJHokC6yKgSCR9JAukmokIknCQJpLOIrJFwMsBJELFcKHwM9BFkLBMKFxNcBCHlQ+FhoocgpVwwnv0Xn30QBJGMC0QcaBVJiAMiec/dcwKuL4j1QMsVCXFAJE4s4NQA3K/8Y6DzO4g40P7UcmIBJxbEesCKWBDg8wWxHrAiFgT4fEGsB/CwIhYE+AeBAAdPLOcV8HRmWRDAiQVcO7GcV8CLM8uCAE4sQCDAlHcQ7x+ABQEEAggEEAggEEAggEAAgQACASAQQCCAQACBAAIBBAIIBBAIIBBAIABe4e9iAe/xd7EAJxYgEGDeO4j3EODp/cOCAE4sYMyJ5cwCHs4rCwI4sYBxJ5YzC84rCwKcXxArAuthQYDzC2JF0H49LAhwYUGsCFqvx5EF2T07dMaJBetx4cRyaqFtHJ8EIhK0i8OJBQxcECuCVutxJhCRoE0cZwMRyRcFefa/ffZBVPogePihhyCnbBhcfMFFEFM+DD4m+ghSlgmDkwlOgpAl4+BkkJMgZdk4+EgaSCcpVX7bmY9kgXQQU+1TgE0c+QJZUUz1b2T4SBbIKmJW+3iMj2SBVBWz+leVfCQLpIqYbp8b85EskIxyfIOfK5Sf+wiCRJEsllQ+oqEkQfBxmD8BBgA5hVjXyrBNUQAAAABJRU5ErkJggg==);
|
background-size: 100% 100%;
|
}
|
.swiper-dots .num {
|
width: 36rpx;
|
height: 36rpx;
|
border-radius: 50px;
|
font-size: 24rpx;
|
color: #fff;
|
text-align: center;
|
line-height: 36rpx;
|
}
|
.swiper-dots .sign {
|
position: absolute;
|
top: 0;
|
left: 50%;
|
line-height: 36rpx;
|
font-size: 12rpx;
|
color: #fff;
|
-webkit-transform: translateX(-50%);
|
transform: translateX(-50%);
|
}
|
/* 分类 */
|
.cate-section {
|
display: flex;
|
justify-content: space-around;
|
align-items: center;
|
flex-wrap: wrap;
|
padding: 30rpx 22rpx;
|
background: #fff;
|
/* 原图标颜色太深,不想改图了,所以加了透明度 */
|
}
|
.cate-section .cate-item {
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
font-size: 26rpx;
|
color: #303133;
|
}
|
.cate-section image {
|
width: 88rpx;
|
height: 88rpx;
|
margin-bottom: 14rpx;
|
border-radius: 50%;
|
opacity: .7;
|
box-shadow: 4rpx 4rpx 20rpx rgba(250, 67, 106, 0.3);
|
}
|
.ad-1 {
|
width: 100%;
|
height: 210rpx;
|
padding: 10rpx 0;
|
background: #fff;
|
}
|
.ad-1 image {
|
width: 100%;
|
height: 100%;
|
}
|
/* 秒杀专区 */
|
.seckill-section {
|
padding: 4rpx 30rpx 24rpx;
|
background: #fff;
|
}
|
.seckill-section .s-header {
|
display: flex;
|
align-items: center;
|
height: 92rpx;
|
line-height: 1;
|
}
|
.seckill-section .s-header .s-img {
|
width: 140rpx;
|
height: 30rpx;
|
}
|
.seckill-section .s-header .tip {
|
font-size: 28rpx;
|
color: #909399;
|
margin: 0 20rpx 0 40rpx;
|
}
|
.seckill-section .s-header .timer {
|
display: inline-block;
|
width: 40rpx;
|
height: 36rpx;
|
text-align: center;
|
line-height: 36rpx;
|
margin-right: 14rpx;
|
font-size: 26rpx;
|
color: #fff;
|
border-radius: 2px;
|
background: rgba(0, 0, 0, 0.8);
|
}
|
.seckill-section .s-header .icon-you {
|
font-size: 32rpx;
|
color: #909399;
|
flex: 1;
|
text-align: right;
|
}
|
.seckill-section .floor-list {
|
white-space: nowrap;
|
}
|
.seckill-section .scoll-wrapper {
|
display: flex;
|
align-items: flex-start;
|
}
|
.seckill-section .floor-item {
|
width: 150rpx;
|
margin-right: 20rpx;
|
font-size: 26rpx;
|
color: #303133;
|
line-height: 1.8;
|
}
|
.seckill-section .floor-item image {
|
width: 150rpx;
|
height: 150rpx;
|
border-radius: 6rpx;
|
}
|
.seckill-section .floor-item .price {
|
color: #fa436a;
|
}
|
.f-header {
|
display: flex;
|
align-items: center;
|
height: 140rpx;
|
padding: 6rpx 30rpx 8rpx;
|
background: #fff;
|
}
|
.f-header image {
|
flex-shrink: 0;
|
width: 80rpx;
|
height: 80rpx;
|
margin-right: 20rpx;
|
}
|
.f-header .tit-box {
|
flex: 1;
|
display: flex;
|
flex-direction: column;
|
}
|
.f-header .tit {
|
font-size: 34rpx;
|
color: #font-color-dark;
|
line-height: 1.3;
|
}
|
.f-header .tit2 {
|
font-size: 24rpx;
|
color: #909399;
|
}
|
.f-header .icon-you {
|
font-size: 34rpx;
|
color: #909399;
|
}
|
/* 团购楼层 */
|
.group-section {
|
background: #fff;
|
}
|
.group-section .g-swiper {
|
height: 650rpx;
|
padding-bottom: 30rpx;
|
}
|
.group-section .g-swiper-item {
|
width: 100%;
|
padding: 0 30rpx;
|
display: flex;
|
}
|
.group-section image {
|
width: 100%;
|
height: 460rpx;
|
border-radius: 4px;
|
}
|
.group-section .g-item {
|
display: flex;
|
flex-direction: column;
|
overflow: hidden;
|
}
|
.group-section .left {
|
flex: 1.2;
|
margin-right: 24rpx;
|
}
|
.group-section .left .t-box {
|
padding-top: 20rpx;
|
}
|
.group-section .right {
|
flex: 0.8;
|
flex-direction: column-reverse;
|
}
|
.group-section .right .t-box {
|
padding-bottom: 20rpx;
|
}
|
.group-section .t-box {
|
height: 160rpx;
|
font-size: 30rpx;
|
color: #303133;
|
line-height: 1.6;
|
}
|
.group-section .price {
|
color: #fa436a;
|
}
|
.group-section .m-price {
|
font-size: 26rpx;
|
text-decoration: line-through;
|
color: #909399;
|
margin-left: 8rpx;
|
}
|
.group-section .pro-box {
|
display: flex;
|
align-items: center;
|
margin-top: 10rpx;
|
font-size: 24rpx;
|
color: 28rpx;
|
padding-right: 10rpx;
|
}
|
.group-section .progress-box {
|
flex: 1;
|
border-radius: 10px;
|
overflow: hidden;
|
margin-right: 8rpx;
|
}
|
/* 分类推荐楼层 */
|
.hot-floor {
|
width: 100%;
|
overflow: hidden;
|
margin-bottom: 20rpx;
|
}
|
.hot-floor .floor-img-box {
|
width: 100%;
|
height: 320rpx;
|
position: relative;
|
}
|
.hot-floor .floor-img-box:after {
|
content: '';
|
position: absolute;
|
left: 0;
|
top: 0;
|
width: 100%;
|
height: 100%;
|
background: linear-gradient(rgba(255, 255, 255, 0.06) 30%, #f8f8f8);
|
}
|
.hot-floor .floor-img {
|
width: 100%;
|
height: 100%;
|
}
|
.hot-floor .floor-list {
|
white-space: nowrap;
|
padding: 20rpx;
|
padding-right: 50rpx;
|
border-radius: 6rpx;
|
margin-top: -140rpx;
|
margin-left: 30rpx;
|
background: #fff;
|
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
|
position: relative;
|
z-index: 1;
|
}
|
.hot-floor .scoll-wrapper {
|
display: flex;
|
align-items: flex-start;
|
}
|
.hot-floor .floor-item {
|
width: 180rpx;
|
margin-right: 20rpx;
|
font-size: 26rpx;
|
color: #303133;
|
line-height: 1.8;
|
}
|
.hot-floor .floor-item image {
|
width: 180rpx;
|
height: 180rpx;
|
border-radius: 6rpx;
|
}
|
.hot-floor .floor-item .price {
|
color: #fa436a;
|
}
|
.hot-floor .more {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
flex-direction: column;
|
flex-shrink: 0;
|
width: 180rpx;
|
height: 180rpx;
|
border-radius: 6rpx;
|
background: #f3f3f3;
|
font-size: 28rpx;
|
color: #909399;
|
}
|
.hot-floor .more text:first-child {
|
margin-bottom: 4rpx;
|
}
|
/* 猜你喜欢 */
|
.guess-section {
|
display: flex;
|
flex-wrap: wrap;
|
padding: 0 30rpx;
|
background: #fff;
|
}
|
.guess-section .guess-item {
|
display: flex;
|
flex-direction: column;
|
width: 48%;
|
padding-bottom: 40rpx;
|
}
|
.guess-section .guess-item:nth-child(2n+1) {
|
margin-right: 4%;
|
}
|
.guess-section .image-wrapper {
|
width: 100%;
|
height: 330rpx;
|
border-radius: 3px;
|
overflow: hidden;
|
}
|
.guess-section .image-wrapper image {
|
width: 100%;
|
height: 100%;
|
opacity: 1;
|
}
|
.guess-section .title {
|
font-size: 32rpx;
|
color: #303133;
|
line-height: 80rpx;
|
}
|
.guess-section .price {
|
font-size: 32rpx;
|
color: #fa436a;
|
line-height: 1;
|
}
|
