| 1 |
- page{height:100%}.content{height:100%;display:flex;flex-direction:column}.content .cont-box{padding-bottom:121rpx}.content .cont-box .package-box{background-color:#fff;padding:20rpx;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.content .cont-box .package-box .title{font-weight:700;font-size:34rpx;font-family:PingFang SC;color:#111}.content .cont-box .package-box .desc{margin-top:15rpx;display:flex;align-items:flex-start;justify-content:flex-start}.content .cont-box .package-box .desc .cycle{background-color:#eee;border-radius:30rpx;padding:5rpx 15rpx;font-size:26rpx;font-family:PingFang SC;color:#c39a58}.content .cont-box .package-box .desc .duration{margin-left:10rpx;background-color:#eee;border-radius:30rpx;padding:5rpx 15rpx;font-size:26rpx;font-family:PingFang SC;color:#c39a58}.content .cont-box .package-box .num-box{margin-top:15rpx;flex:1;display:flex;align-items:flex-end;justify-content:space-between;width:100%}.content .cont-box .package-box .num-box .price-box{display:flex;align-items:center;justify-content:flex-start}.content .cont-box .package-box .num-box .price-box .price{margin-right:10rpx;padding:5rpx 10rpx;background-color:#c39a58;border-radius:30rpx;font-size:20rpx;font-family:PingFang SC;color:#fff}.content .cont-box .package-box .num-box .count{font-size:24rpx;font-family:PingFang SC;color:#333}.content .cont-box .desc-box{background-color:#fff;padding:20rpx;margin-top:10rpx}.content .cont-box .desc-box .title-box{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.content .cont-box .desc-box .title-box .title{font-size:32rpx;font-family:PingFang SC;font-weight:700;color:#111}.content .cont-box .desc-box .title-box .line{margin-right:15rpx;height:30rpx;width:6rpx;background-color:#c39a58}.content .cont-box .desc-box .desc{margin-top:15rpx;font-size:28rpx;font-family:PingFang SC;color:#9a9a9c}.content .cont-box .desc-box .html{margin-top:15rpx;font-size:0px;vertical-align:middle}.content .cont-box .drug-box{background-color:#fff;padding:20rpx;margin-top:10rpx}.content .cont-box .drug-box .title-box{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.content .cont-box .drug-box .title-box .title{font-size:32rpx;font-family:PingFang SC;font-weight:700;color:#111}.content .cont-box .drug-box .title-box .line{margin-right:15rpx;height:30rpx;width:6rpx;background-color:#c39a58}.content .cont-box .drug-box .drug-list{margin-top:15rpx}.content .cont-box .drug-box .drug-list .drug-item .drug{padding-bottom:15rpx;border-bottom:1px soli #F0F0F0;display:flex;align-items:center}.content .cont-box .drug-box .drug-list .drug-item .drug .img-box{width:160rpx;height:160rpx;margin-right:30rpx;flex-shrink:0}.content .cont-box .drug-box .drug-list .drug-item .drug .img-box image{width:100%;height:100%}.content .cont-box .drug-box .drug-list .drug-item .drug .drug-info{width:calc(100% - 190rpx);height:160rpx;display:flex;flex-direction:column;justify-content:space-between}.content .cont-box .drug-box .drug-list .drug-item .drug .drug-info .name-box{font-size:28rpx;font-family:PingFang SC;font-weight:500;color:#111;line-height:40rpx}.content .cont-box .drug-box .drug-list .drug-item .drug .drug-info .name-box .tag{display:inline-block;padding:0 6rpx;height:30rpx;background:linear-gradient(90deg,#2BC7B9 0%,#2BC7A4 100%);border-radius:4rpx;margin-right:10rpx;font-size:22rpx;font-family:PingFang SC;font-weight:700;color:#fff;line-height:30rpx;float:left;margin-top:7rpx}.content .cont-box .drug-box .drug-list .drug-item .drug .drug-info .spec{font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#999;line-height:1;margin-top:10rpx}.content .cont-box .drug-box .drug-list .drug-item .drug .drug-info .num-box{display:flex;align-items:center;justify-content:space-between}.content .cont-box .drug-box .drug-list .drug-item .drug .drug-info .num-box .price{display:flex;align-items:flex-end}.content .cont-box .drug-box .drug-list .drug-item .drug .drug-info .num-box .price .unit{font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#111;line-height:1.2;margin-right:4rpx}.content .cont-box .drug-box .drug-list .drug-item .drug .drug-info .num-box .price .num{font-size:32rpx;font-family:PingFang SC;font-weight:500;color:#111;line-height:1}.content .cont-box .drug-box .drug-list .drug-item .drug .drug-info .num-box .use{font-size:24rpx;font-family:PingFang SC;color:#999}.content .cont-box .drug-box .drug-list .drug-item .drug .drug-info .num-box .amount{font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#999;line-height:1}.content .cont-box .drug-box .display-more{font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#999;display:flex;align-items:center;justify-content:center}.content .cont-box .drug-box .tip{margin-top:10rpx;display:flex;align-items:center;justify-content:flex-start}.content .cont-box .drug-box .tip .img{width:20rpx;height:20rpx}.content .cont-box .drug-box .tip .text{margin-left:10rpx;font-size:26rpx;font-family:PingFang SC;font-weight:500;color:#999}.btn-foot{box-sizing:border-box;width:100%;height:121rpx;background:#FFFFFF;padding:0 32rpx 0 28rpx;display:flex;align-items:center;justify-content:space-between;position:fixed;left:0;bottom:0;z-index:99}.btn-foot .p-price-box{display:flex;align-items:center}.btn-foot .p-price-box .p-name{font-size:28rpx;font-family:PingFang SC;font-weight:500;color:#f63}.btn-foot .p-price-box .p-price{margin-left:10rpx;color:#f63;font-size:38rpx;font-family:PingFang SC;font-weight:700}.btn-foot .btn-box{display:flex;align-items:center}.btn-foot .btn-box .btn{width:200rpx;height:88rpx;line-height:88rpx;text-align:center;border-radius:44rpx;margin-left:20rpx;font-size:30rpx;font-family:PingFang SC;font-weight:700;color:#fff}.btn-foot .btn-box .btn:first-child{margin-left:0}.btn-foot .btn-box .btn.buy{background:#C39A58}.doctors{overflow-y:auto;padding:20rpx;height:650rpx;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;box-sizing:border-box}.doctors .scroll-list{height:650rpx}.doctors .doctor{width:100%;margin-bottom:15rpx;background:#f9f8fe;padding:20rpx;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.doctors .doctor:last-child{margin-bottom:0rpx}.doctors .doctor .item{width:100%;display:flex;align-items:center;justify-content:space-between}.doctors .doctor .item .left{flex:1;width:100%;display:flex;align-items:flex-start;justify-content:flex-start}.doctors .doctor .item .left .doc-img{width:80rpx;height:80rpx;border-radius:50%}.doctors .doctor .item .left .right{width:calc(100% - 100rpx);margin-left:20rpx;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.doctors .doctor .item .left .right .doc-box{display:flex;align-items:center;justify-content:space-between}.doctors .doctor .item .left .right .doc-box .doc-name{font-size:28rpx;font-family:PingFang SC;font-weight:700;color:#111}.doctors .doctor .item .left .right .doc-box .doc-position{margin-left:50rpx;font-size:26rpx;font-family:PingFang SC;color:#2d2b36}.doctors .doctor .item .left .right .hospital{margin-top:10rpx;font-size:24rpx;font-family:PingFang SC;color:#9a9a9c}.doctors .doctor .item .btn{padding:10rpx 30rpx;text-align:center;border-radius:30rpx;font-size:28rpx;font-family:PingFang SC;color:#c39a58;border:1rpx solid #C39A58}.goods-banner{height:756rpx;background-color:#fff;position:relative}.goods-banner .swiper-item{box-sizing:border-box}.goods-banner .swiper,.goods-banner .swiper-item,.goods-banner .swiper-item image{width:100%;height:100%}.goods-banner .num-box{width:80rpx;height:44rpx;line-height:44rpx;text-align:center;font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#fff;background:rgba(0,0,0,.3);border-radius:22rpx;position:absolute;right:30rpx;bottom:30rpx;z-index:10}.message-box{box-sizing:border-box;width:693rpx;height:84rpx;background:#ffffff;opacity:.9;border:1px solid #E2C99E;border-radius:16rpx;position:fixed;left:50%;transform:translate(-50%);bottom:128rpx;z-index:99;display:flex;align-items:center;justify-content:space-between;padding:0 20rpx 0 30rpx}.message-box .left{width:80%;display:flex;align-items:center}.message-box .left image{width:24rpx;height:24rpx;margin-right:18rpx}.message-box .left .text{width:90%;font-size:28rpx;font-family:PingFang SC;font-weight:500;color:#c39a58}.message-box .btn{width:100rpx;height:48rpx;line-height:48rpx;text-align:center;font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#fff;border:1px solid #D2E6FF;background:linear-gradient(135deg,#C39A58 0%,#E2C99E 100%);border-radius:24rpx;margin-left:30rpx}
|
