.super-card.data-v-337bb5da { display: flex; justify-content: center; width: 100%; height: calc(100% - 400rpx); margin-top: 30rpx; } .super-card .scroll-x.data-v-337bb5da { height: 100%; width: 100%; } .super-card .super-card-container.data-v-337bb5da { background-color: #f1f7fd; overflow: hidden; width: 1650rpx; height: 780rpx; border-radius: 20rpx; border: 1rpx solid black; } .super-card .super-card-time.data-v-337bb5da { display: flex; justify-content: center; align-items: center; background-color: #e9efff; height: 80rpx; width: 100rpx; border-right: 1rpx solid #BFBFCB; font-weight: 700; } .super-card .super-card-time-und.data-v-337bb5da { display: flex; justify-content: center; align-items: center; width: 100rpx; flex-direction: column; border-right: 1rpx solid #BFBFCB; } .super-card .super-card-time-card.data-v-337bb5da { display: flex; justify-content: center; align-items: center; height: 175rpx; width: calc(100%); border-right: 1rpx solid #BFBFCB; border-top: 1rpx solid #BFBFCB; flex-direction: column; } .super-card .super-card-time-card-blue.data-v-337bb5da { background-color: #dae8fa; display: flex; justify-content: space-evenly; align-items: center; height: 175rpx; width: calc(100%); border-right: 1rpx solid #BFBFCB; border-top: 1rpx solid #BFBFCB; flex-direction: column; } .super-card .super-card-time-card-yellow.data-v-337bb5da { background-color: #fffaf1; display: flex; justify-content: space-evenly; align-items: center; height: 175rpx; width: calc(100%); border-right: 1rpx solid #BFBFCB; border-top: 1rpx solid #BFBFCB; flex-direction: column; } .super-card .super-card-time-card-pouple.data-v-337bb5da { background-color: #e0daff; display: flex; justify-content: space-evenly; align-items: center; height: 175rpx; width: calc(100%); border-right: 1rpx solid #BFBFCB; border-top: 1rpx solid #BFBFCB; flex-direction: column; } .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: rgba(221, 234, 250); -webkit-backdrop-filter: blur(8rpx); backdrop-filter: blur(8rpx); 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; 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; border-radius: 20rpx; border: 2rpx solid #fff; width: 300rpx; height: 100rpx; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 45rpx; transition: all 0.4s ease-in-out; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); z-index: 20; font-weight: 700; } .right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-button .doctorsay-container-text.data-v-337bb5da { background-color: #f3f6fc; border: 2rpx solid #fff; border-radius: 10rpx; width: 250rpx; height: 75rpx; display: flex; justify-content: center; align-items: center; text-align: center; transition: all 0.4s ease-in-out; font-weight: 500; font-size: 30rpx; } .right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-button .doctorsay-container-button-gun.data-v-337bb5da { position: absolute; top: 19rpx; left: 1rpx; width: 10rpx; height: 50rpx; background: linear-gradient(to bottom, #04BCED, #0160CE); border-radius: 10rpx; } .right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-button .doctorsay-container-button-uplight.data-v-337bb5da { position: absolute; top: 40rpx; left: 20rpx; width: 250rpx; height: 50rpx; z-index: 21; transition: all 0.4s ease-in-out; } .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 .super-card-end.data-v-337bb5da { width: 100%; height: 200rpx; display: flex; } .right-container .doctorsay-container-view .doctorsay-container-container .super-card-end .super-end-father.data-v-337bb5da { height: 100%; display: flex; width: 100%; } .right-container .doctorsay-container-view .doctorsay-container-container .super-card-end .super-end-father .super-end-font-father.data-v-337bb5da { display: flex; } .right-container .doctorsay-container-view .doctorsay-container-container .super-card-end .super-end-father .super-end-font-father .super-end-font-gun.data-v-337bb5da { margin-left: 40rpx; margin-right: 20rpx; margin-top: 7rpx; width: 13rpx; height: 40rpx; background: linear-gradient(to bottom, #04BCED, #0160CE); border-radius: 10rpx; } .right-container .doctorsay-container-view .doctorsay-container-container .super-card-end .super-end-father .super-end-font-father .super-end-font-font.data-v-337bb5da { font-size: 42rpx; font-weight: 700; } .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-right.data-v-337bb5da { height: 100%; display: flex; align-items: center; width: 310rpx; } .right-container .doctorsay-container-view .doctorsay-container-container .doctorsay-container-title .doctorsay-container-right .doctorsay-container-button-father.data-v-337bb5da { display: flex; } .right-container .doctorsay-container-view .doctorsay-container-container .doctorsay-container-title .doctorsay-container-right .doctorsay-container-button-father .doctorsay-container-button-target.data-v-337bb5da { display: flex; justify-content: center; align-items: center; background-color: #3FA9F5; color: #fff; width: 140rpx; height: 60rpx; margin-right: 20rpx; font-size: 28rpx; border-radius: 10rpx; } .right-container .doctorsay-container-view .doctorsay-container-container .doctorsay-container-title .doctorsay-container-right .doctorsay-container-button-father .doctorsay-container-button.data-v-337bb5da { display: flex; justify-content: center; align-items: center; background-color: #fff; width: 140rpx; height: 60rpx; margin-right: 20rpx; font-size: 28rpx; border-radius: 10rpx; } .right-container .doctorsay-container-view .doctorsay-container-container .doctorsay-container-title .doctorsay-container-right .doctorsay-container-right-kuai-cheng.data-v-337bb5da { background-color: #FFDBA1; height: 45rpx; width: 45rpx; border-radius: 7rpx; } .right-container .doctorsay-container-view .doctorsay-container-container .doctorsay-container-title .doctorsay-container-right .doctorsay-container-right-kuai-zi.data-v-337bb5da { background-color: #7B61FF; height: 45rpx; width: 45rpx; border-radius: 7rpx; } .right-container .doctorsay-container-view .doctorsay-container-container .doctorsay-container-title .doctorsay-container-right .doctorsay-container-kuai-font.data-v-337bb5da { font-size: 32rpx; margin-left: 10rpx; margin-right: 25rpx; } .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-top: 7rpx; margin-left: 40rpx; margin-right: 20rpx; width: 13rpx; height: 40rpx; 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; } .title-time.data-v-337bb5da { display: flex; } .title-time .title-time-time.data-v-337bb5da { font-size: 35rpx; margin-right: 10rpx; } .title-time .title-time-button.data-v-337bb5da { background-color: #FFC363; padding: 0 5rpx; padding-top: 5rpx; border-radius: 10rpx; font-size: 25rpx; } .popup-overlay.data-v-337bb5da { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; /* 添加毛玻璃效果 */ z-index: 999; } .popup-overlay .popup-overlay-content.data-v-337bb5da { position: absolute; display: flex; align-items: center; width: 800rpx; height: 450rpx; background-color: #fff; border-radius: 20rpx; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); opacity: 0; transition: opacity 0.4s ease; } .popup-overlay .popup-overlay-content .popup-overlay-content-left.data-v-337bb5da { height: 100%; width: 350rpx; display: flex; justify-content: center; align-items: center; flex-direction: column; } .popup-overlay .popup-overlay-content .popup-overlay-content-left .popup-overlay-content-left-img.data-v-337bb5da { width: 330rpx; height: 240rpx; } .popup-overlay .popup-overlay-content .popup-overlay-content-left .popup-overlay-content-left-font.data-v-337bb5da { margin-top: 20rpx; } .popup-overlay .popup-overlay-content .popup-overlay-content-right.data-v-337bb5da { height: 100%; width: 450rpx; position: relative; } .popup-overlay .popup-overlay-content .popup-overlay-content-right .time-font.data-v-337bb5da { font-size: 50rpx; margin-top: 100rpx; margin-bottom: 10rpx; font-weight: 700; background: linear-gradient(to bottom, #7080A1, #263556); -webkit-background-clip: text; color: transparent; } .popup-overlay .popup-overlay-content .popup-overlay-content-right .time-text.data-v-337bb5da { margin-left: 10rpx; font-size: 38rpx; font-weight: 700; width: 350rpx; margin-bottom: 50rpx; line-height: 45rpx; } .popup-overlay .popup-overlay-content .popup-overlay-content-right .right-richang.data-v-337bb5da { background-color: #FFC363; position: absolute; top: 108rpx; right: 50rpx; padding: 5rpx; border-radius: 10rpx; } .popup-overlay .popup-overlay-content .popup-overlay-content-right .right-richangnot.data-v-337bb5da { background-color: #7B61FF; position: absolute; top: 108rpx; right: 50rpx; padding: 5rpx; border-radius: 10rpx; color: #fff; } .popup-overlay .popup-overlay-content .popup-overlay-content-right .right-crush.data-v-337bb5da { position: absolute; top: 20rpx; right: 20rpx; width: 70rpx; height: 70rpx; } .popup-song.data-v-337bb5da { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; /* 添加毛玻璃效果 */ z-index: 999; } .popup-song .popup-song-contain.data-v-337bb5da { position: absolute; width: 1300rpx; background-color: #fff; border-radius: 20rpx; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); opacity: 0; transition: opacity 0.4s ease; } .popup-song .popup-song-contain .shu-container-left.data-v-337bb5da { display: flex; margin-top: 70rpx; margin-bottom: 20rpx; } .popup-song .popup-song-contain .shu-container-left .shu-container-left-gun.data-v-337bb5da { margin-top: 5rpx; margin-left: 40rpx; margin-right: 20rpx; width: 13rpx; height: 35rpx; background: linear-gradient(to bottom, #04BCED, #0160CE); border-radius: 10rpx; } .popup-song .popup-song-contain .shu-container-left .shu-container-left-font.data-v-337bb5da { font-size: 35rpx; font-weight: 700; } .popup-song-father.data-v-337bb5da { position: relative; } .popup-song-father .shu-up-img.data-v-337bb5da { position: absolute; top: -70rpx; left: 305rpx; width: 700rpx; height: 80rpx; } .popup-song-father .shu-up-font.data-v-337bb5da { position: absolute; top: -50rpx; left: 390rpx; display: flex; color: #ff5a00; } .popup-song-father .arrayindex.data-v-337bb5da { display: flex; flex-wrap: wrap; width: 100%; margin-left: 30rpx; margin-right: 30rpx; } .popup-song-father .arrayindex .arrayindex-one.data-v-337bb5da { width: 385rpx; height: 100rpx; margin-left: 20rpx; margin-top: 20rpx; background-color: #f1f5fc; border-radius: 20rpx; border: 1rpx solid #6d83b3; display: flex; justify-content: center; align-items: center; font-size: 29rpx; } .popup-song-father .arrayindex .arrayindex-one-target.data-v-337bb5da { width: 385rpx; height: 100rpx; margin-left: 20rpx; margin-top: 20rpx; background-color: #fffaf1; border-radius: 20rpx; border: 1rpx solid #ffb501; display: flex; justify-content: center; align-items: center; font-size: 29rpx; } .ri-img.data-v-337bb5da { position: absolute; top: -4rpx; right: -3rpx; width: 50rpx; height: 50rpx; } .time-father.data-v-337bb5da { display: flex; width: 100%; flex-wrap: wrap; margin-left: 30rpx; margin-right: 30rpx; } .time-father .time-one.data-v-337bb5da { width: 100rpx; height: 100rpx; margin-left: 20rpx; margin-top: 20rpx; background-color: #f1f5fc; border-radius: 20rpx; border: 1rpx solid #6d83b3; display: flex; justify-content: center; align-items: center; font-size: 29rpx; } .time-father .time-one-target.data-v-337bb5da { width: 100rpx; height: 100rpx; margin-left: 20rpx; margin-top: 20rpx; background-color: #02abfe; color: #fff; border-radius: 20rpx; border: 1rpx solid #fff; display: flex; justify-content: center; align-items: center; font-size: 29rpx; } .button-father.data-v-337bb5da { height: 200rpx; width: calc(100%-80rpx); display: flex; justify-content: center; align-items: center; margin-left: 40rpx; margin-right: 40rpx; margin-top: 20rpx; border-top: 1rpx solid #e6e6e6; } .button-father .button-father-right.data-v-337bb5da { background-color: #02abfe; width: 200rpx; height: 80rpx; border-radius: 40rpx; display: flex; justify-content: center; align-items: center; color: #fff; } .button-father .button-father-wrong.data-v-337bb5da { background-color: #dadada; width: 200rpx; height: 80rpx; border-radius: 40rpx; display: flex; justify-content: center; align-items: center; } .month-father.data-v-337bb5da { display: flex; width: calc(100% - 60rpx); flex-wrap: wrap; margin-left: 30rpx; margin-right: 30rpx; margin-top: 20rpx; } .month-father .month-one.data-v-337bb5da { width: 75rpx; height: 75rpx; margin-left: 20rpx; margin-top: 20rpx; background-color: #f1f5fc; border-radius: 20rpx; border: 1rpx solid #6d83b3; display: flex; justify-content: center; align-items: center; font-size: 29rpx; } .month-father .month-one-target.data-v-337bb5da { width: 75rpx; height: 75rpx; margin-left: 20rpx; margin-top: 20rpx; background-color: #02abfe; color: #fff; border-radius: 20rpx; border: 1rpx solid #fff; display: flex; justify-content: center; align-items: center; font-size: 29rpx; } .week-father.data-v-337bb5da { display: flex; width: 100%; flex-wrap: wrap; margin-left: 30rpx; margin-right: 30rpx; margin-top: 20rpx; } .week-father .week-one.data-v-337bb5da { width: 200rpx; height: 100rpx; margin-left: 20rpx; margin-top: 20rpx; background-color: #f1f5fc; border-radius: 20rpx; border: 1rpx solid #6d83b3; display: flex; justify-content: center; align-items: center; font-size: 29rpx; } .week-father .week-one-target.data-v-337bb5da { width: 200rpx; height: 100rpx; margin-left: 20rpx; margin-top: 20rpx; background-color: #02abfe; color: #fff; border-radius: 20rpx; border: 1rpx solid #fff; display: flex; justify-content: center; align-items: center; font-size: 29rpx; } .radio-father.data-v-337bb5da { display: flex; width: 100%; flex-wrap: wrap; margin-left: 75rpx; margin-right: 30rpx; } .radio-father .radio-circle.data-v-337bb5da { margin-top: 2rpx; width: 30rpx; height: 30rpx; border-radius: 50%; border: 2rpx solid black; background-color: transparent; } .radio-father .radio-circle-target.data-v-337bb5da { position: relative; margin-top: 2rpx; width: 30rpx; height: 30rpx; border-radius: 50%; border: 2rpx solid #02abfe; background-color: transparent; } .radio-father .radio-circle-target.data-v-337bb5da::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20rpx; height: 20rpx; background-color: #02abfe; border-radius: 50%; } .radio-father .radio-font.data-v-337bb5da { margin-left: 15rpx; margin-right: 60rpx; font-size: 29rpx; }