page{height:100%;background-color:#fff}.content{height:100%;display:flex;flex-direction:column}.content .top-content{width:100%;z-index:10}.content .top-content .top-title{height:88rpx;line-height:88rpx;font-size:42rpx;font-family:Source Han Sans CN;font-weight:700;color:#222;padding-left:41rpx;background-color:#fff}.content .top-content .search-cont{padding:16rpx 30rpx;background-color:#fff}.content .top-content .search-cont .inner{box-sizing:border-box;width:100%;height:72rpx;background:#f7f7f7;border-radius:36rpx;display:flex;align-items:center;padding:0 30rpx}.content .top-content .search-cont .inner .icon-search{width:28rpx;height:28rpx;margin-right:20rpx}.content .top-content .search-cont .inner input{height:60rpx;line-height:60rpx;flex:1}.content .medic-box{display:flex}.content .medic-box .cate-list{box-sizing:border-box;width:200rpx;background:#f2f5f9;display:flex;flex-direction:column;padding:20rpx 0;overflow-y:scroll}.content .medic-box .cate-list .item{height:100rpx;line-height:100rpx;padding-left:30rpx;font-size:28rpx;font-family:PingFang SC;font-weight:500;color:#333;position:relative}.content .medic-box .cate-list .item.active{color:#2bc7b9}.content .medic-box .cate-list .item.active::after{content:"";width:8rpx;height:50rpx;background:#2bc7b9;position:absolute;top:25rpx;left:0}.content .medic-box .medic{box-sizing:border-box;width:calc(100% - 200rpx);height:100%;padding:0 30rpx}.content .medic-box .medic .banner-box{margin-top:30rpx;width:100%;height:160rpx;border-radius:10rpx;overflow:hidden}.content .medic-box .medic .banner-box .swiper,
.content .medic-box .medic .banner-box .swiper-item,
.content .medic-box .medic .banner-box .swiper-item image{width:100%;height:100%}.content .medic-box .medic .medic-list{box-sizing:border-box;padding:30rpx 0;overflow-y:auto;height:calc(100% - 220rpx);position:relative}.content .medic-box .medic .medic-list .inner-list{display:flex;flex-wrap:wrap}.content .medic-box .medic .medic-list .inner-list .definite{width:calc(33% - 20rpx);margin-right:30rpx;margin-bottom:30rpx}.content .medic-box .medic .medic-list .inner-list .definite .img-box{width:100%;height:144rpx;background:#f5f5f5;border-radius:8rpx;overflow:hidden;display:flex;align-items:center}.content .medic-box .medic .medic-list .inner-list .definite .img-box image{max-width:100%}.content .medic-box .medic .medic-list .inner-list .definite .name{width:100%;margin-top:20rpx;font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#666;text-align:center}.content .medic-box .medic .medic-list .inner-list .definite:nth-child(3n){margin-right:0}