1
2
| @charset "UTF-8";page{background:#f8f8f8;padding-bottom:160rpx}.icon-you{font-size:30rpx;color:#888}.carousel{height:722rpx;position:relative}.carousel swiper{height:100%}.carousel .image-wrapper{width:100%;height:100%}.carousel .swiper-item{display:flex;justify-content:center;align-content:center;height:750rpx;overflow:hidden}.carousel .swiper-item image{width:100%;height:100%}.introduce-section{background:#fff;padding:20rpx 30rpx}.introduce-section .title{font-size:32rpx;color:#303133;height:50rpx;line-height:50rpx}.introduce-section .price-box{display:flex;align-items:baseline;height:64rpx;padding:10rpx 0;font-size:26rpx;color:#fa436a}.introduce-section .price{font-size:34rpx}.introduce-section .m-price{margin:0 12rpx;color:#909399;text-decoration:line-through}.introduce-section .coupon-tip{align-items:center;padding:4rpx 10rpx;background:#fa436a;font-size:24rpx;color:#fff;border-radius:6rpx;line-height:1;-webkit-transform:translateY(-4rpx);transform:translateY(-4rpx)}.introduce-section .bot-row{display:flex;align-items:center;height:50rpx;font-size:24rpx;color:#909399}.introduce-section .bot-row text{flex:1}.share-section{display:flex;align-items:center;color:#606266;background:linear-gradient(left,#fdf5f6,#fbebf6);padding:12rpx 30rpx}.share-section .share-icon{display:flex;align-items:center;width:70rpx;height:30rpx;line-height:1;border:1px solid #fa436a;border-radius:4rpx;position:relative;overflow:hidden;font-size:22rpx;color:#fa436a}.share-section .share-icon:after{content:"";width:50rpx;height:50rpx;border-radius:50%;left:-20rpx;top:-12rpx;position:absolute;background:#fa436a}.share-section .icon-xingxing{position:relative;z-index:1;font-size:24rpx;margin-left:2rpx;margin-right:10rpx;color:#fff;line-height:1}.share-section .tit{font-size:28rpx;margin-left:10rpx;width:450rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-section .icon-bangzhu1{padding:10rpx;font-size:30rpx;line-height:1}.share-section .share-btn{flex:1;text-align:right;font-size:24rpx;color:#fa436a}.share-section .icon-you{font-size:24rpx;margin-left:4rpx;color:#fa436a}.c-list{font-size:26rpx;color:#606266;background:#fff}.c-list .c-row{display:flex;align-items:center;padding:20rpx 30rpx;position:relative}.c-list .tit{width:140rpx}.c-list .con{flex:1;color:#303133}.c-list .con .selected-text{margin-right:10rpx}.c-list .bz-list{height:40rpx;font-size:26rpx;color:#303133}.c-list .bz-list text{display:inline-block;margin-right:30rpx}.c-list .con-list{flex:1;display:flex;flex-direction:column;color:#303133;line-height:40rpx}.c-list .red{color:#fa436a}.eva-section{display:flex;flex-direction:column;padding:20rpx 30rpx;background:#fff;margin-top:16rpx}.eva-section .e-header{display:flex;align-items:center;height:70rpx;font-size:26rpx;color:#909399}.eva-section .e-header .tit{font-size:30rpx;color:#303133;margin-right:4rpx}.eva-section .e-header .tip{flex:1;text-align:right}.eva-section .e-header .icon-you{margin-left:10rpx}.eva-box{display:flex;padding:20rpx 0}.eva-box .portrait{flex-shrink:0;width:80rpx;height:80rpx;border-radius:100px}.eva-box .right{flex:1;display:flex;flex-direction:column;font-size:28rpx;color:#606266;padding-left:26rpx}.eva-box .right .con{font-size:28rpx;color:#303133;padding:20rpx 0}.eva-box .right .bot{display:flex;justify-content:space-between;font-size:24rpx;color:#909399}.detail-desc{background:#fff;margin-top:16rpx;width:750rpx}.detail-desc .d-header{display:flex;justify-content:center;align-items:center;height:80rpx;font-size:30rpx;color:#303133;position:relative}.detail-desc .d-header text{padding:0 20rpx;background:#fff;position:relative;z-index:1}.detail-desc .d-header:after{position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:300rpx;height:0;content:"";border-bottom:1px solid #ccc}.attr-content{padding:10rpx 30rpx}.attr-content .a-t{display:flex}.attr-content .a-t image{width:170rpx;height:170rpx;flex-shrink:0;margin-top:-40rpx;border-radius:8rpx}.attr-content .a-t .right{display:flex;flex-direction:column;padding-left:24rpx;font-size:26rpx;color:#606266;line-height:42rpx}.attr-content .a-t .right .price{font-size:32rpx;color:#fa436a;margin-bottom:10rpx}.attr-content .a-t .right .price .coupon-tip{align-items:center;margin-left:8rpx;padding:4rpx 10rpx;background:#fa436a;font-size:24rpx;color:#fff;border-radius:6rpx;line-height:1;-webkit-transform:translateY(-4rpx);transform:translateY(-4rpx)}.attr-content .a-t .right .selected-text{margin-right:10rpx}.attr-content .attr-list{display:flex;flex-direction:column;font-size:30rpx;color:#606266;padding-top:30rpx;padding-left:10rpx}.attr-content .item-list{padding:30rpx 0 0;display:flex;flex-wrap:wrap}.attr-content .item-list text{display:flex;align-items:center;justify-content:center;background:#eee;margin-right:20rpx;margin-bottom:20rpx;border-radius:100rpx;min-width:60rpx;height:60rpx;padding:0 20rpx;font-size:28rpx;color:#303133}.attr-content .item-list .selected{background:#fbebee;color:#fa436a}.popup{position:fixed;left:0;top:0;right:0;bottom:0;z-index:99}.popup.show{display:block}.popup.show .mask{-webkit-animation:showPopup .2s linear both;animation:showPopup .2s linear both}.popup.show .layer{-webkit-animation:showLayer .2s linear both;animation:showLayer .2s linear both}.popup.hide .mask{-webkit-animation:hidePopup .2s linear both;animation:hidePopup .2s linear both}.popup.hide .layer{-webkit-animation:hideLayer .2s linear both;animation:hideLayer .2s linear both}.popup.none{display:none}.popup .mask{position:fixed;top:0;width:100%;height:100%;z-index:1;background-color:rgba(0,0,0,.4)}.popup .layer{position:fixed;z-index:99;bottom:0;width:100%;min-height:40vh;border-radius:10rpx 10rpx 0 0;background-color:#fff}.popup .layer .btn{height:66rpx;line-height:66rpx;border-radius:100rpx;background:#fa436a;font-size:30rpx;color:#fff;margin:30rpx auto 20rpx}@-webkit-keyframes showPopup{0%{opacity:0}100%{opacity:1}}@keyframes showPopup{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes hidePopup{0%{opacity:1}100%{opacity:0}}@keyframes hidePopup{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes showLayer{0%{-webkit-transform:translateY(120%);transform:translateY(120%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes showLayer{0%{-webkit-transform:translateY(120%);transform:translateY(120%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes hideLayer{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(120%);transform:translateY(120%)}}@keyframes hideLayer{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(120%);transform:translateY(120%)}}.page-bottom{position:fixed;left:30rpx;bottom:30rpx;z-index:95;display:flex;justify-content:center;align-items:center;width:690rpx;height:100rpx;background:hsla(0,0%,100%,.9);box-shadow:0 0 20rpx 0 rgba(0,0,0,.5);border-radius:16rpx}.page-bottom .p-b-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:24rpx;color:#606266;width:96rpx;height:80rpx}.page-bottom .p-b-btn .yticon{font-size:40rpx;line-height:48rpx;color:#909399}.page-bottom .p-b-btn.active,
| .page-bottom .p-b-btn.active .yticon{color:#fa436a}.page-bottom .p-b-btn .icon-fenxiang2{font-size:42rpx;-webkit-transform:translateY(-2rpx);transform:translateY(-2rpx)}.page-bottom .p-b-btn .icon-shoucang{font-size:46rpx}.page-bottom .action-btn-group{display:flex;height:76rpx;border-radius:100px;overflow:hidden;box-shadow:0 20rpx 40rpx -16rpx #fa436a;box-shadow:1px 2px 5px rgba(219,63,96,.4);background:linear-gradient(90deg,#ffac30,#fa436a,#f56c6c);margin-left:20rpx;position:relative}.page-bottom .action-btn-group:after{content:"";position:absolute;top:50%;right:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:28rpx;width:0;border-right:1px solid hsla(0,0%,100%,.5)}.page-bottom .action-btn-group .action-btn{display:flex;align-items:center;justify-content:center;width:180rpx;height:100%;font-size:28rpx;padding:0;border-radius:0;background:transparent}.mask{display:flex;align-items:flex-end;position:fixed;left:0;top:0;bottom:0;width:100%;background:transparent;z-index:9995;transition:.3s}.mask .mask-content{width:100%;min-height:30vh;max-height:70vh;background:#f3f3f3;-webkit-transform:translateY(100%);transform:translateY(100%);transition:.3s;overflow-y:scroll}.mask.none{display:none}.mask.show{background:rgba(0,0,0,.4)}.mask.show .mask-content{-webkit-transform:translateY(0);transform:translateY(0)}.coupon-item{display:flex;flex-direction:column;margin:20rpx 24rpx;background:#fff}.coupon-item .con{display:flex;align-items:center;position:relative;height:120rpx;padding:0 30rpx}.coupon-item .con:after{position:absolute;left:0;bottom:0;content:"";width:100%;height:0;border-bottom:1px dashed #f3f3f3;-webkit-transform:scaleY(50%);transform:scaleY(50%)}.coupon-item .left{display:flex;flex-direction:column;justify-content:center;flex:1;overflow:hidden;height:100rpx}.coupon-item .title{font-size:32rpx;color:#303133;margin-bottom:10rpx}.coupon-item .time{font-size:24rpx;color:#909399}.coupon-item .right{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:26rpx;color:#606266;height:100rpx}.coupon-item .price{font-size:44rpx;color:#fa436a}.coupon-item .price:before{content:"￥";font-size:34rpx}.coupon-item .tips{font-size:24rpx;color:#909399;line-height:60rpx;padding-left:30rpx}.coupon-item .circle{position:absolute;left:-6rpx;bottom:-10rpx;z-index:10;width:20rpx;height:20rpx;background:#f3f3f3;border-radius:100px}.coupon-item .circle.r{left:auto;right:-6rpx}.rich-img{width:100%;height:auto;margin:0;padding:0;line-height:0}button::after{border:none}
|
|
