@charset "UTF-8"; /* 页面左右间距 */ /* 文字尺寸 */ /*文字颜色*/ /* 边框颜色 */ /*颜色*/ /* 图片加载中颜色 */ /* 行为相关颜色 */ /* 功能栏字体大小 */ /*功能栏左侧小图标*/ page { background: #ffff; min-height: 100%; height: auto; } .carousel-section { position: relative; } .carousel-section .home-top { width: 750rpx; position: absolute; top: 0; } .carousel-section .bg { position: absolute; top: 0; left: 0; width: 750rpx; height: 378rpx; } .carousel-section .bg image { width: 100%; height: 100%; } .carousel-section .titleNview-placing { height: 25px; box-sizing: content-box; } .carousel-section .search { justify-content: space-between; padding: 10rpx 32rpx 20rpx; align-items: center; } .carousel-section .search .address { width: 32rpx; height: 38rpx; } .carousel-section .search .shop-name { height: 38rpx; position: relative; top: -4rpx; z-index: 100; font-size: 30rpx; font-family: PingFang SC; font-weight: 500; padding-left: 10rpx; } .carousel-section .search .shop-jt { margin-left: 8rpx; width: 16rpx; height: 10rpx; } .carousel-section .search .input-box { margin-left: 10rpx; position: relative; z-index: 99; width: 650rpx; height: 60rpx; background: #EEEEEE; border-radius: 30rpx; } .carousel-section .search .input-box .input-content { position: relative; z-index: 11; border-radius: 99rpx; flex-grow: 1; padding: 5rpx 30rpx; background: #fff; } .carousel-section .search .input-box .input-content .iconsearch { font-size: 50rpx; color: #CBCBCB; } .carousel-section .search .input-box .input-content .input { margin-left: 19rpx; flex-grow: 1; color: #CBCBCB; } .carousel-section .search .input-box .input-content .input input { font-size: 28rpx; color: #CBCBCB; } .carousel-section .search .input-box .input-button { padding-left: 20rpx; font-size: 28rpx; height: 100%; } .carousel { position: relative; z-index: 3; width: 100%; height: 360rpx; } .carousel .carousel-item { width: 100%; height: 100%; padding: 0 28rpx; overflow: hidden; } .carousel image { width: 100%; height: 100%; border-radius: 15rpx; } .top-tit { width: 332rpx; height: 32rpx; margin: 36rpx auto 23rpx; } .top-tit image { width: 332rpx; } .good-wrap { width: 700rpx; margin: auto; background: #FFFFFF; box-shadow: 0px 0px 20px 0px rgba(50, 50, 52, 0.06); border-radius: 20px 20px 20px 20px; } .good-wrap .good-img { width: 700rpx; height: 300rpx; position: relative; } .good-wrap .good-img image { position: absolute; top: 0; width: 700rpx; height: 300rpx; } .good-wrap .good-tit { padding: 15rpx 22rpx; font-size: 32rpx; font-weight: 500; color: #333333; } .good-wrap .price-btn { padding: 0 22rpx; } .good-wrap .price-btn .price .old-price { font-size: 26rpx; font-weight: 500; text-decoration: line-through; color: #999999; } .good-wrap .price-btn .price .new-price { font-size: 55rpx; font-weight: bold; color: #FF4C4C; } .good-wrap .price-btn .price .new-price::before { content: '¥'; font-size: 32rpx; } .good-wrap .price-btn .btn { text-align: center; line-height: 53rpx; font-size: 28rpx; font-weight: bold; color: #FFFFFF; } .good-wrap .price-btn .btn .gobuy { width: 170rpx; height: 53rpx; background: #ff5346; border-radius: 27rpx; color: #fff; margin-right: 15rpx; } .good-wrap .price-btn .btn .goshare { width: 129rpx; height: 53rpx; border: 2rpx solid #ff5346; background: #fff; color: #ff5346; border-radius: 27rpx; } .share-box { width: 600rpx; height: 1000rpx; background: red; } .share-box .box-img { width: 600rpx; height: 1000rpx; }