.hospital-new-component .nav-header { z-index: 99; padding-left: 24rpx !important; padding-right: 24rpx !important; } .hospital-new-component .nav-header .index-head-title { width: 70%; font-size: 30rpx; font-weight: bold; /* text-align: center; */ } .hospital-new-component .index-head-container { position: relative; padding-bottom: 16rpx; } .hospital-new-component .index-head-container.no-msg { padding-bottom: 40rpx; } .hospital-new-component .index-head-container .model-bg { left: 0; right: 0; top: 0; bottom: 0; z-index: 1; position: absolute; } .hospital-new-component .index-head-container .model-bg:before { top: 0; left: 0; right: 0; bottom: 0; content: ''; z-index: 2; position: absolute; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); } .hospital-new-component .index-head { z-index: 2; padding: 0 24rpx; position: relative; color: #333; } .hospital-new-component .index-head .index-head-desc { font-size: 12px; display: flex; align-items: center; padding: 16rpx 0 32rpx 0; } .hospital-new-component .index-head .index-head-desc .index-head-desc-txt { color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .hospital-new-component .index-head .index-head-desc::after { content: ''; display: block; width: 10px; height: 10px; background-size: cover; background-position: center; background-repeat: no-repeat; margin-left: 20rpx; background-image: url('https://gw.alipayobjects.com/mdn/rms_373ab8/afts/img/A*n_7ZTq7ZXb8AAAAAAAAAAAAAARQnAQ'); } .hospital-new-component .model-head-a { background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url('https://gw.alipayobjects.com/mdn/rms_373ab8/afts/img/A*WvPqRpMo77YAAAAAAAAAAAAAARQnAQ'); } .hospital-new-component .model-head-b { background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url('https://gw.alipayobjects.com/mdn/rms_373ab8/afts/img/A*0km-QY6DaKAAAAAAAAAAAAAAARQnAQ'); } .hospital-new-component .model-head-c { background-size: cover; background-position: center; background-repeat: no-repeat; } .hospital-new-component .model-head-custom { background-size: cover; background-position: center; background-repeat: no-repeat; } .hospital-new-component .notification-container { padding-bottom: 24rpx; } .hospital-new-component .message-notification { height: 56rpx; overflow: hidden; border-radius: 16rpx; background: #fff; display: flex; align-items: center; padding-left: 24rpx; } .hospital-new-component .message-notification .scroll-content { flex: 1; height: 56rpx; overflow: hidden; margin-right: 12rpx; } .hospital-new-component .message-notification .close-button { height: 100%; display: flex; align-items: center; justify-content: center; padding-right: 24rpx; } .hospital-new-component .message-notification .message-item { display: flex; height: 56rpx; align-items: center; } .hospital-new-component .message-notification .msg-text { color: #333; font-size: 24rpx; margin-left: 12rpx; }