hldy_app/unpackage/dist/dev/mp-weixin/component/rightItemssecond/index.wxss

245 lines
8.0 KiB
Plaintext

.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;
}