.right-container.data-v-337bb5da { width: calc(100% - 235rpx); height: 100vh; transition: opacity 1s ease; position: relative; } .right-container .move-font.data-v-337bb5da { position: absolute; font-size: 35rpx; font-weight: 700; } .right-container .doctorsay-container-view.data-v-337bb5da { width: 100%; height: 1220rpx; display: flex; } .right-container .doctorsay-container-view .doctorsay-container-items.data-v-337bb5da { width: 310rpx; height: 1220rpx; } .right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up.data-v-337bb5da { display: flex; flex-wrap: wrap; } .right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up .doctorsay-container-card.data-v-337bb5da { display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #ddeafa; width: 130rpx; height: 130rpx; margin: 0 18rpx 15rpx 0rpx; border-radius: 30rpx; border: 2rpx solid #ddeafa; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); /* 右下角阴影 */ } .right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up .doctorsay-container-card .doctorsay-container-card-img.data-v-337bb5da { width: 75rpx; height: 75rpx; } .right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up .doctorsay-container-card .doctorsay-container-card-font.data-v-337bb5da { font-size: 26rpx; } .right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up .doctorsay-container-card .doctorsay-container-card-font-dark.data-v-337bb5da { font-size: 26rpx; color: #FFFFFF; } .right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down.data-v-337bb5da { background-color: #ddeafa; width: 290rpx; height: 770rpx; border-radius: 40rpx; margin-top: 0rpx; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); /* 右下角阴影 */ } .right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-scroll.data-v-337bb5da { height: 690rpx; } .right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-top.data-v-337bb5da { height: 40rpx; } .right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-button.data-v-337bb5da { display: flex; justify-content: center; align-items: center; height: 85rpx; font-size: 35rpx; font-weight: 700; position: relative; } .right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-button .doctorsay-container-text-target.data-v-337bb5da { color: #016AD1; background-color: #c9e8ff; padding: 10rpx 30rpx; border-radius: 40rpx; border: 2rpx solid #fff; font-size: 40rpx; } .right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-button .doctorsay-container-button-gun.data-v-337bb5da { position: absolute; top: 22rpx; left: 1rpx; width: 10rpx; height: 42rpx; background: linear-gradient(to bottom, #04BCED, #0160CE); border-radius: 10rpx; } .right-container .doctorsay-container-view .doctorsay-container-container.data-v-337bb5da { width: 1730rpx; height: 1220rpx; background-color: rgba(255, 255, 255, 0.7); border-radius: 60rpx; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); /* 右下角阴影 */ overflow: hidden; } .right-container .doctorsay-container-view .doctorsay-container-container .doctorsay-container-title.data-v-337bb5da { width: 100%; height: 130rpx; background-color: #c9e8ff; display: flex; align-items: center; justify-content: space-between; } .right-container .doctorsay-container-view .doctorsay-container-container .doctorsay-container-title .doctorsay-container-left.data-v-337bb5da { display: flex; } .right-container .doctorsay-container-view .doctorsay-container-container .doctorsay-container-title .doctorsay-container-left .doctorsay-container-left-gun.data-v-337bb5da { margin-left: 40rpx; margin-right: 20rpx; width: 13rpx; height: 55rpx; background: linear-gradient(to bottom, #04BCED, #0160CE); border-radius: 10rpx; } .right-container .doctorsay-container-view .doctorsay-container-container .doctorsay-container-title .doctorsay-container-left .doctorsay-container-left-font.data-v-337bb5da { font-size: 42rpx; font-weight: 700; } .right-container .right-container-sec.data-v-337bb5da { width: 100%; display: flex; position: relative; } .right-container .right-container-sec .under-father.data-v-337bb5da { position: fixed; bottom: 0; display: flex; align-items: center; width: 100%; height: 150rpx; } .right-container .right-container-sec .under-father .under-father-view.data-v-337bb5da { margin-left: 10rpx; margin-right: 150rpx; position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; } .right-container .right-container-sec .under-father .under-father-view .under-father-light.data-v-337bb5da { position: absolute; bottom: -20rpx; left: -90rpx; width: 300rpx; height: 200rpx; } .right-container .right-container-sec .under-father .under-father-view .under-father-img.data-v-337bb5da { width: 80rpx; height: 80rpx; margin-left: -3rpx; } .right-container .right-container-sec .under-father .under-father-view .under-father-img-font.data-v-337bb5da { font-size: 30rpx; } .right-container .right-container-sec .under-father .under-father-view .under-father-img-font-dark.data-v-337bb5da { font-size: 30rpx; background: linear-gradient(to bottom, #FFFFFF, #B2C8E2); -webkit-background-clip: text; color: transparent; } .right-container .right-container-title-nav.data-v-337bb5da { margin-top: 75rpx; margin-bottom: 20rpx; margin-left: 20rpx; } .right-container .right-container-title-nav .right-icons.data-v-337bb5da { display: flex; align-items: center; float: right; height: 70rpx; margin-right: 40rpx; } .right-container .right-container-title-nav .right-icons .right-icons-font.data-v-337bb5da { margin-left: 10rpx; margin-right: 10rpx; font-size: 35rpx; margin-top: -30rpx; } .right-container .right-container-title-nav .right-icons .right-icons-font-dark.data-v-337bb5da { color: #fff; margin-left: 10rpx; margin-right: 10rpx; font-size: 35rpx; margin-top: -30rpx; } .right-container .right-container-title-nav .right-icons .right-icons-img.data-v-337bb5da { width: 80rpx; height: 80rpx; margin-left: 10rpx; margin-right: 10rpx; margin-top: -40rpx; } .right-container .right-container-title-nav .right-icons .right-icons-img-icon.data-v-337bb5da { width: 60rpx; height: 80rpx; margin-top: -10rpx; margin-left: 8rpx; } .right-container .right-container-title-nav .right-container-title-no.data-v-337bb5da { font-size: 35rpx; margin-right: 20rpx; } .right-container .right-container-title-nav .right-container-title-no-dark.data-v-337bb5da { font-size: 35rpx; background: linear-gradient(to bottom, #FFFFFF, #B2C8E2); -webkit-background-clip: text; color: transparent; margin-right: 20rpx; } .right-container .right-container-title-nav .right-container-title-class.data-v-337bb5da { font-size: 35rpx; font-weight: 800; margin-left: 20rpx; } .right-container .right-container-title-nav .right-container-title-class-dark.data-v-337bb5da { font-size: 35rpx; font-weight: 800; margin-left: 20rpx; background: linear-gradient(to bottom, #FFFFFF, #B2C8E2); -webkit-background-clip: text; color: transparent; } .right-container .right-container-title-nav .right-container-title-class-anhei-button.data-v-337bb5da { float: right; display: flex; justify-content: center; align-items: center; border-radius: 30rpx; margin-right: 30rpx; width: 200rpx; height: 50rpx; background-color: black; border: 2rpx solid; } .right-container .right-container-title-nav .right-container-title-class-anhei-button .right-container-title-class-anhei.data-v-337bb5da { font-size: 20rpx; font-weight: 800; color: white; }