page{ background-color: #fff; } /* banner */ .banner { background-color: #fff; width: 750upx; height: 750upx; } .banner swiper,.banner image{ width: 100%; height: 100%; } /* banner */ /* 商品内容 */ .shop-info{ background-color: #fff; padding:30upx; } .shop-price-warp{ //margin-top: 25upx; } .shop-price{ font-size: 26upx; line-height: 40upx; color: #FD383B; font-weight: bold; } .shop-price-target{ font-size: 37upx; margin-left: 8upx; } .shop-title{ font-size: 30upx; line-height: 43upx; color: #333; margin-top: 8upx; font-weight: 500; } .shop-share-icon{ width: 24upx; height: 24upx; margin-right: 8upx; } .shop-share{ font-size: 26upx; line-height: 30upx; color: #666; } .shop-share-warp{ height: 40upx !important; margin-left: 130upx; } /* 商品内容 */ /* 商品 */ .shop-padding{ padding: 20upx; background-color: #f8f9fb; } .ranking,.service,.comment,.shop-store{ background-color: #fff; height: 80upx; border-radius: 10upx; padding: 0 20upx; margin-bottom: 20upx; } .ranking-icon{ width: 34upx; height: 32upx; } .ranking-title{ margin-left: 15upx; font-size: 30upx; font-weight: bold; color: #333; } .ranking-introduce{ font-size: 26upx; color:#333333; line-height:36upx; margin: 0 35upx; } .ranking-prominent{ font-size: 36upx; color: #FF3030; margin: 0 4upx; } .ranking-more{ font-size: 28upx; color: #999999; } /* 商品 */ /* 服务 */ .service,.comment{ height: auto; padding: 25upx 20upx; } .service-aside{ padding-left: 10upx; margin-top: 35upx; font-size: 26upx; line-height: 36upx; color: #999; } .service-aside:first-child{ margin-top: 0; } .service-content{ margin-left: 30upx } .service-title{ font-size: 28upx; color: #333; line-height: 34upx; } .service-coupon-label{ padding: 0 13upx; background-color: rgba(255, 3, 3, 0.1); height: 36upx; border-radius: 5upx; font-size: 22upx; line-height: 30upx; color: #FF3627; } /* 服务 */ /* 商品评论 */ .comment{ padding-bottom: 0; } .comment-header{ font-size: 28upx; line-height: 34upx; color: #333; margin-left: 10upx; font-weight: 500; } .comment-header-margin{ margin-left: 10upx; } .comment-more-title{ font-size: 24upx; color: #999; line-height: 30upx; font-weight: 400; } .comment-content{ padding-left: 10px; } /* 商品评论 */ /* 店铺 */ .control-label-dot{ top: -6upx; right: 8upx; } .shop-store{ height: 120upx; } .shop-store-title{ font-size: 28upx; line-height: 36upx; color: #444; } .shop-store-image{ width: 80upx; height: 80upx; margin-right: 20upx; } .shop-store-comment{ background-color: rgba(0,0,0,0.05); border-radius: 18upx; height: 40upx; width: 140upx; margin-top: 10upx; } .store-comment-target{ margin-top: -2upx; } .store-more-title{ font-size: 26upx; color: #666666; } .comment-content-empty{ padding: 50upx 0; font-size: 26upx; text-align: center; } /* 店铺 */ .control-footer{ height: 98upx; border-top: 1upx solid rgba(152, 152, 152, 0.1); //box-shadow: 0 2upx 5upx 0 rgba(152, 152, 152, 0.1); background-color: #fff; padding-right: 30upx; } .control-button-group{ width: 400upx; height: 76upx; background-color: #FC3538; border-radius: 38upx; } .control-fail-button{ background-color: #f2f2f2 !important; font-size: 28upx; line-height: 36upx; color: #666 !important; } .control-fail-button view { width: 100%; padding: 0 30upx; text-align: center; } .control-icon{ width: 40upx; height: 40upx; } .control-button-group-login,.control-button{ color: #fff; } .control-button-group-login{ background-color: #FC8935; } .control-button{ width: 200upx; height: 100%; background-color: #FC3538; font-size: 28upx; line-height: 36upx; } .control-button-car{ background-color: #FC8935; } .control-label{ font-size: 22upx; color: #666; line-height: 30upx; margin-top: 6upx; } /* 店铺 */ /* 领取优惠券 */ .coupon-modal{ height: 700upx; background-color: #fff; border-radius: 30upx 30upx 0px 0px; padding: 0 30upx; } .coupon-title{ font-size: 32upx; margin: 30upx 0; font-weight: bold; } .coupon-sub-title,.coupon-title{ line-height: 40upx; color: #333333; } .coupon-sub-title{ font-size: 26upx; } .coupon-screen{ padding: 30upx 0; } .coupon-info{ font-size: 22upx; color: #999999; line-height: 26upx; margin-bottom: 26upx; text-align: center; } .coupon-button{ height: 76upx; border-radius: 38upx; background-color: #FC3538; font-size: 28upx; color: #fff; line-height: 30upx; margin-bottom: 10upx; } /* 领取优惠券 */ /* 商品购买 */ .shop-buy-modal { max-height: 90%; background-color: #fff; border-radius: 20upx 20upx 0 0; } .shop-buy-header{ padding: 0 30upx; height: 230upx; border-bottom: 1upx solid #EEEEEE; } .shop-buy-image{ width: 150upx; height: 150upx; border-radius: 10upx; background-color: #DBDBDB; margin-right: 15upx; } .shop-buy-title{ font-size: 30upx; line-height: 48upx; color: #333333; font-weight: 500; height: 96upx; } .shop-buy-price-group{ color: #FD383B; } .shop-buy-close{ height: 100%; padding-top: 32upx; margin-left: 60upx; } .shop-buy-close-icon{ font-size: 30upx; font-weight: bold; color: #999; } .shop-rules-item{ padding: 30upx; margin-right: -30upx; border-bottom: 1upx solid #eee; } .shop-rules-title{ font-size: 28upx; line-height: 36upx; color: #333; font-weight: 500; margin-right: -20upx; margin-bottom: 10upx; } .shop-rules-label{ margin-top: 20upx; height: 60upx; min-width: 140upx; max-width: 100%; background-color: #F1F1F1; border-radius: 5upx; font-size: 26upx; line-height: 34upx; color: #333; text-align: center; padding: 0 15upx; margin-right: 30upx; } .shop-rules-label-active{ background-color: #FFF3F3; color: #FD383B; } .shop-rules-title-target{ margin-right: 20upx; } .shop-rules-info{ font-size: 24upx; line-height: 30upx; color: #999; font-weight: 400; } .shop-step{ padding: 0 30upx; font-size: 28upx; line-height: 36upx; font-weight: 500; margin: 22upx 0; } .shop-buy-button-warp{ margin-top: 50upx; margin-bottom: 20upx; } .shop-buy-button { width: 600upx; height: 80upx; border-radius: 40upx; font-size: 30upx; line-height: 36upx; } /* 商品购买 */