@import '../homepage/homepage.wxss'; image { width: 100%; height: 100%; } page { overflow-x: hidden; } .box { overflow-x: hidden } .taildot { width: 74rpx; height: 38rpx; background: rgba(140, 145, 152, 1); opacity: 0.77; border-radius: 180rpx; color: #fff; font-size: 26rpx; text-align: center; position: absolute; right: 32rpx; bottom:120rpx; } /* 轮播图 */ .swiper_image { width: 750rpx; height: 320rpx; font-size: 0; position: relative; } swiper { width: 750rpx; height: 320rpx; } .swiper_image image { width: 100%; height: 100%; } .swiper_item_img swiper-item { width: 750rpx; height: 320rpx; } .swiper_item_img swiper-item image { width: 100%; height: 100%; } .dots { height: 36rpx; display: flex; flex-direction: row; position: absolute; left: 50%; transform: translateX(-50%); bottom: 10rpx; } /*未选中时的小圆点样式 */ .dot { width: 20rpx; height: 20rpx; border-radius: 50%; margin-right: 26rpx; background-color: #b9c0f7; } /*选中以后的小圆点样式 */ .active { width: 16rpx; height: 16rpx; border-radius: 50%; background-color: #fff; border: 4rpx solid #fff; } .detailtop { width: 686rpx; /* height: 300rpx; */ background: rgba(255, 255, 255, 1); box-shadow: 0rpx 6rpx 12rpx rgba(41, 27, 6, 0.1); opacity: 1; border-radius: 8rpx; position: absolute; bottom: -268rpx; left: 32rpx; padding: 36rpx 40rpx; box-sizing: border-box; } .tailtopimg { width: 36rpx; height: 36rpx; font-size: 0; } .tailname { color: #06121e; font-size: 22rpx; margin-top: 4rpx; } .tailitem { width: 65rpx; margin-right: 40rpx; display: flex; flex-direction: column; justify-content: center; align-items: center } .tailitem:last-child { margin-right: 0; } .tailtopleft { color: #000; font-size: 36rpx; font-weight: bold; } /* 菜系 */ .floweritem { width: 32rpx; height: 32rpx; font-size: 0; margin-left: 6rpx; } .huaname { padding: 0 10rpx; box-sizing: border-box; height: 42rpx; background: rgba(255, 255, 255, 1); border: 2rpx solid rgba(112, 112, 112, 1); opacity: 1; border-radius: 180rpx; color: #3d444d; font-size: 20rpx; text-align: center; line-height: 42rpx; margin-left:20rpx; } .cai { margin-top: 10rpx; } .sanleft { width: 36rpx; height: 36rpx; font-size: 0; } .star { margin-left: 16rpx; } .comment { margin-top: 20rpx; } .fen { color: #fca052; font-size: 24rpx; font-weight: bold; margin-left: 16rpx; } .tiao { color: #8c9198; font-size: 24rpx; margin-left: 16rpx; } .commentone { margin-top: 20rpx; } .jianintro { /* width: 686rpx; */ background: rgba(255, 255, 255, 1); opacity: 1; border-radius: 8rpx; margin: 24rpx auto 0; margin-top: 300rpx; padding: 40rpx; box-sizing: border-box; } .commentitem{ margin-top:0 } page { background: #fbf8fb; } .jianintrotop { color: #000; font-size: 28rpx; font-weight: bold; } .jiantext { color: #707070; line-height: 2.5; } .bodybox { padding: 0 24rpx; box-sizing: border-box; } .xiang { color: #000; font-size: 36rpx; font-weight: bold; } .photo { margin-top: 24rpx; } .photobox { /* width: 686rpx; */ display: flex; flex-wrap: no-wrap; align-items: center; padding: 40rpx 20rpx 40rpx 40rpx; margin-top: 22rpx; overflow-x: scroll; } .photoitem { width: 245rpx; height: 188rpx; font-size: 0; /* padding-right: 15rpx; */ margin-bottom: 20rpx; margin-right:15rpx; flex: 0 0 auto; } .photoitem:last-child { padding-right: 32rpx; } .morename { color: #707070; font-size: 24rpx; margin-right: 16rpx; } /* 评论 */ .comleft { width: 74rpx; height: 74rpx; font-size: 0; border-radius: 50%; } .comleft image { border-radius: 50%; } .comrname { color: rgb(103, 118, 138); font-size: 28rpx; } .comright { margin-left: 12rpx; flex: 1; width: 518rpx; } .comdate { color: #8c9198; font-size: 24rpx; margin-top: 12rpx; } .fenxia { margin-top: 16rpx; } .starone { margin-left: 0; } .text { color: #06121e; font-size: 24rpx; /* margin-top: 26rpx; */ line-height: 1.47; display:block; /* height:138rpx; */ overflow-y: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } .boxitem { width: 184rpx; height: 184rpx; font-size: 0; margin-right: 10rpx; margin-bottom:10rpx; } .textboximg { /* margin-top: 26rpx; */ } .clockwrap { width: 590rpx; height: 500rpx; background: rgba(255, 255, 255, 1); opacity: 1; border-radius: 8rpx; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .clockwrapy { height: 420rpx; } .gantanimg { width: 120rpx; height: 120rpx; font-size: 0; margin: 64rpx auto 0; } .shibai { color: #06121e; font-size: 32rpx; text-align: center; margin-top: 32rpx; } .shebei { color: #8c9198; font-size: 24rpx; margin-top: 18rpx; text-align: center; } .bot { padding: 0 76rpx; box-sizing: border-box; margin-top: 58rpx; } .botleft { width: 204rpx; height: 60rpx; border: 2rpx solid rgba(189, 196, 206, 1); opacity: 1; border-radius: 8rpx; color: #bdc4ce; font-size: 24rpx; text-align: center; line-height: 60rpx; } .botright { width: 204rpx; height: 60rpx; background: rgba(253, 170, 42, 1); opacity: 1; border-radius: 8rpx; color: #fff; font-size: 24rpx; text-align: center; line-height: 60rpx; margin-left: 30rpx; } .successname { color: #06121e; font-size: 32rpx; text-align: center; margin-top: 44rpx; } .clocksure { width: 204rpx; height: 60rpx; background: rgba(253, 170, 42, 1); opacity: 1; border-radius: 8rpx; color: #fff; font-size: 24rpx; text-align: center; line-height: 60rpx; margin: 38rpx auto 0; } /* 评论 */ .phoetopleft { width: 36rpx; height: 36rpx; font-size: 0; } .phonenumber { color: #000; font-size: 28rpx; margin-left: 22rpx; /* font-weight: bold; */ } .addresstop { margin-top: 12rpx; } .addbox { width: 686rpx; background: rgba(255, 255, 255, 1); opacity: 1; padding: 12rpx 16rpx 36rpx 36rpx; box-sizing: border-box; margin-top: 24rpx; } .additem { padding: 20rpx 0; border-bottom: 1rpx solid rgb(216, 222, 230); } .shouimg { width: 36rpx; height: 36rpx; font-size: 0; } .timebox { color: #8c9198; font-size: 28rpx; padding-left: 16rpx; margin-left: 26rpx; border-left: 1rpx solid #f5f5f5; } .yingshi { color: #000; font-size: 28rpx; } .pricepeopel { color: #000; font-size: 28rpx; line-height: 1 } .pricepeopelk { margin-left: 22rpx; } .canone { font-size: 24rpx; margin-top: 16rpx; } .cantwo { font-size: 24rpx; margin-top: 6rpx; } .cantext { color: #707070; font-size: 28rpx; margin-top: 20rpx; line-height: 1.5 } .yuyueitem { padding: 2rpx 38rpx; box-sizing: border-box; color: #000; font-size: 24rpx; border: 1rpx solid #8c9198; margin-right: 16rpx; border-radius: 8rpx; } .boitem { display: flex; flex-direction: column; justify-content: center; align-content: center; box-sizing: border-box; } .botitemtop { width: 48rpx; height: 48rpx; font-size: 0; margin: 0 auto; } .botname { color: #000; font-size: 22rpx; margin-top: 5rpx; } .botfix { padding: 14rpx 170rpx; box-sizing: border-box; background: #fff; } .photoact { margin-top: 300rpx; } .recommend { color: #fc8083; } .shareitem { position: relative; } .share { width: 36rpx; height: 72rpx; position: absolute; top: 0; left: 0; background: transparent; border: none; outline: none; } button::after { border: none; outline: none; } .shopname { margin-top: 70rpx; line-height: 1 } .yuyuelsit { margin-top: 26rpx; } .dianbox{ margin-top:24rpx; } .flowername{ color: #fca052; font-size: 24rpx; font-weight: bold; margin-right:10rpx; } .starnametext{ color: #fca052; font-size: 24rpx; font-weight: bold; } .case-page{ padding: 0; margin-top:24rpx; } .flowernamek{ font-size:18rpx; } .introleft { font-size: 19rpx; } .goodbot{ padding: 0 10rpx; } .noitem{ box-shadow: none; } /* 海报图 */ .posterwrap{ width:480rpx; /* height:646rpx; */ font-size: 0; background: #fff; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); } .kuaizinum{ color: #fca052; font-size: 24rpx; margin-right: 10rpx; font-weight: bold; } .textboximg { flex-wrap: wrap; margin-top:20rpx; } .btnshare{ width:480rpx; position:absolute ; top:76%; left:50%; transform: translateX(-50%); } .sharebtn{ width:210rpx; height:70rpx; background:rgba(66,66,66,1); border-radius:40rpx; color:#ECD17C; font-size: 28rpx; text-align: center; line-height: 70rpx; } .pingji{ margin-left:20rpx; } .pingjiac{ padding: 40rpx 0; box-sizing: border-box; }