信达小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

2591 lines
52 KiB

3 months ago
.row-close {
margin-top: 44rpx;
display: flex;
justify-content: center;
}
.popup {
position: relative;
z-index: 9999999999;
.badge {
position: relative;
display: block;
margin: 0 auto 0;
width: 350rpx;
height: 350rpx;
z-index: 1;
}
.popup-container {
margin-top: -200rpx;
width: 90vw;
border-radius: 24rpx;
padding: 164rpx 50rpx 62rpx;
box-sizing: border-box;
text-align: center;
background: linear-gradient(180deg, #82a4f7 0%, #fbfcff 30%, #ffffff 100%);
.title {
margin-top: 38rpx;
font-size: 36rpx;
color: #3b4f98;
font-weight: bold;
}
.content {
margin-top: 20rpx;
font-size: 32rpx;
color: #afb7cb;
line-height: 52rpx;
.num {
color: #ee9d1f;
font-size: 48rpx;
font-weight: bold;
}
.beg {
.b-title {
font-size: 32rpx;
color: #ee9d1f;
}
}
.operate-one {
.o-title {
font-size: 32rpx;
color: #afb7cb;
.o-num {
font-size: 48rpx;
}
}
.o-content {
font-size: 40rpx;
color: #ee9d1f;
}
}
}
.footer {
margin-top: 37rpx;
display: flex;
justify-content: space-between;
align-items: center;
> view:not(:last-of-type),
> image {
margin-right: 33rpx;
}
.cancel,
.submit {
flex: 1;
height: 80rpx;
box-sizing: border-box;
line-height: 78rpx;
border: 1rpx solid #1241b3;
border-radius: 48rpx;
color: #fff;
font-size: 32rpx;
font-weight: bold;
}
.cancel {
color: #1241b3;
}
.submit {
background-color: #1241b3;
}
}
}
}
.popup-medicine {
.badge {
position: relative;
display: block;
margin: 0 auto 0;
width: 304rpx;
height: 299rpx;
z-index: 1;
}
.popup-container {
margin-top: -250rpx;
width: 90vw;
border-radius: 24rpx;
padding: 255rpx 50rpx 50rpx;
box-sizing: border-box;
text-align: center;
background-color: #fff;
.label {
margin-top: 7rpx;
font-size: 36rpx;
color: #afb7cb;
margin-bottom: 10rpx;
}
.name {
font-size: 32rpx;
color: #3b4f98;
font-weight: bold;
}
}
}
.popup-scan {
width: 90vw;
position: relative;
.bg {
width: 100%;
}
.popup-container {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
box-sizing: border-box;
margin-top: 255rpx;
padding: 40rpx 50rpx 62rpx;
border-radius: 19rpx;
background-color: #fff;
text-align: center;
.title {
margin-top: 38rpx;
font-size: 48rpx;
color: #3b4f98;
font-weight: bold;
}
.content {
margin-top: 20rpx;
font-size: 36rpx;
color: #3b4f98;
line-height: 62rpx;
.num {
color: #ee9d1f;
font-size: 36rpx;
font-weight: bold;
}
}
.label {
margin-top: 7rpx;
font-size: 36rpx;
color: #afb7cb;
}
.name {
font-size: 36rpx;
color: #3b4f98;
font-weight: bold;
}
}
}
.popup-record-success {
.badge {
position: relative;
display: block;
margin: 0 auto 0;
width: 350rpx;
height: 350rpx;
z-index: 1;
}
.popup-container {
margin-top: -200rpx;
width: 80vw;
box-sizing: border-box;
padding: 204rpx 50rpx 62rpx;
border-radius: 19rpx;
background-color: #fff;
text-align: center;
background: linear-gradient(180deg, #82a4f7 0%, #fbfcff 30%, #ffffff 100%);
.tip {
font-size: 36rpx;
color: #3b4f98;
line-height: 67rpx;
font-weight: bold;
}
.beginner {
font-size: 32rpx;
color: #ee9d1f;
margin-top: 10rpx;
}
}
}
.popup-class {
position: relative;
width: 100vw;
padding: 304rpx 0;
.bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.popup-container {
position: relative;
margin: 0 auto;
z-index: 1;
width: 600rpx;
padding: 0 40rpx 62rpx;
border-radius: 19rpx;
box-sizing: border-box;
background-color: #fff;
text-align: center;
background: linear-gradient(180deg, #c6d6fa 0%, #f8fafe 30%, #ffffff 100%);
.badge {
margin-top: -80rpx;
width: 376rpx;
height: 350rpx;
}
.op {
.op-tip {
margin-top: 40rpx;
font-size: 40rpx;
color: #3b4f98;
font-weight: bold;
}
.title {
margin-top: 20rpx;
font-size: 32rpx;
color: #ee9d1f;
}
.price {
margin-top: 16rpx;
font-size: 32rpx;
color: #afb7cb;
.p-num {
font-size: 48rpx;
color: #ee9d1f;
}
}
}
.tip {
margin-top: 40rpx;
font-size: 36rpx;
color: #3b4f98;
font-weight: bold;
}
.ml {
margin-top: 20rpx;
font-size: 32rpx;
color: #afb7cb;
.num {
font-size: 48rpx;
color: #ee9d1f;
}
}
.done {
margin-top: 56rpx;
height: 80rpx;
text-align: center;
line-height: 80rpx;
font-size: 32rpx;
font-weight: bold;
color: #ffffff;
background: #1241b3;
border-radius: 49px;
}
}
}
.popup-class-inject {
.badge {
position: relative;
z-index: 1;
display: block;
margin: 0 auto;
width: 364rpx;
height: 380rpx;
}
.popup-container {
margin-top: -277rpx;
width: 90vw;
padding: 248rpx 50rpx 62rpx;
border-radius: 19rpx;
box-sizing: border-box;
background-color: #fff;
text-align: center;
.content {
font-size: 40rpx;
color: #3b4f98;
line-height: 60rpx;
}
.footer {
margin-top: 37rpx;
display: flex;
justify-content: space-between;
align-items: center;
> view:not(:last-of-type),
> image {
margin-right: 33rpx;
}
.cancel,
.submit {
flex: 1;
height: 80rpx;
box-sizing: border-box;
line-height: 78rpx;
border: 1rpx solid #1241b3;
border-radius: 48rpx;
color: #fff;
font-size: 32rpx;
font-weight: bold;
}
.cancel {
color: #fff;
border-color: #afb7cb;
background-color: #afb7cb;
}
.submit {
background-color: #1241b3;
}
}
}
}
.popup-unbind {
.badge {
position: relative;
z-index: 1;
display: block;
margin: 0 auto;
width: 256rpx;
height: 256rpx;
}
.popup-container {
margin-top: -177rpx;
width: 90vw;
padding: 220rpx 50rpx 62rpx;
border-radius: 19rpx;
box-sizing: border-box;
background-color: #fff;
text-align: center;
.content {
font-size: 36rpx;
color: #cf5375;
line-height: 60rpx;
font-weight: bold;
}
.footer {
margin-top: 37rpx;
display: flex;
justify-content: space-between;
align-items: center;
> view:not(:last-of-type),
> image {
margin-right: 33rpx;
}
.cancel,
.submit {
flex: 1;
height: 80rpx;
box-sizing: border-box;
line-height: 78rpx;
border: 1rpx solid #cf5375;
border-radius: 48rpx;
color: #fff;
font-size: 32rpx;
font-weight: bold;
}
.cancel {
color: #fff;
border-color: #afb7cb;
background-color: #afb7cb;
}
.submit {
background-color: #cf5375;
}
}
}
}
.popup-withdraw {
.badge {
position: relative;
z-index: 1;
display: block;
margin: 0 auto;
width: 204rpx;
height: 278rpx;
}
.popup-container {
margin-top: -206rpx;
width: 626rpx;
padding: 220rpx 50rpx 62rpx;
border-radius: 19rpx;
box-sizing: border-box;
background-color: #fff;
text-align: center;
.content {
font-size: 32rpx;
color: #484848;
font-weight: bold;
line-height: 50rpx;
}
.footer {
margin-top: 37rpx;
display: flex;
justify-content: space-between;
align-items: center;
> view:not(:last-of-type),
> image {
margin-right: 33rpx;
}
.cancel,
.submit {
flex: 1;
height: 80rpx;
box-sizing: border-box;
line-height: 78rpx;
border-radius: 48rpx;
color: #fff;
font-size: 32rpx;
font-weight: bold;
}
.cancel {
color: #e04775;
border: 2rpx solid #f0b8c9;
}
.submit {
background: #e04775;
}
}
}
}
.popup-home-inhibitor {
text-align: center;
.badge {
width: 481rpx;
height: 476rpx;
}
.popup-container {
margin-top: -310rpx;
border-top: 129rpx solid #023ebb;
width: 90vw;
border-radius: 19rpx;
box-sizing: border-box;
text-align: center;
background-color: #023ebb;
.container {
position: relative;
z-index: 10;
background-color: #fff;
border-radius: 19rpx;
padding: 69rpx 42rpx 62rpx;
.title {
font-size: 36rpx;
color: #023eba;
font-weight: bold;
}
.day {
font-size: 28rpx;
color: #aeb7cd;
.num {
font-size: 42rpx;
color: #fa7b7e;
}
}
.content {
margin-top: 29rpx;
padding: 38rpx 16rpx;
font-size: 28rpx;
color: #9ba5bd;
line-height: 42rpx;
border-radius: 12rpx;
background-color: #f7f8fb;
.c-title {
color: #3b4f98;
font-weight: bold;
margin-bottom: 30rpx;
}
}
.footer {
margin-top: 43rpx;
display: flex;
justify-content: space-between;
align-items: center;
> view:not(:last-of-type),
> image {
margin-right: 33rpx;
}
.cancel,
.submit {
flex: 1;
height: 80rpx;
box-sizing: border-box;
line-height: 78rpx;
border: 1rpx solid #1241b3;
border-radius: 48rpx;
color: #fff;
font-size: 32rpx;
font-weight: bold;
}
.cancel {
color: #fff;
border-color: #afb7cb;
background-color: #afb7cb;
}
.submit {
background-color: #1241b3;
}
}
}
}
}
.popup-my-health-record {
.badge {
position: relative;
display: block;
margin: 0 auto 0;
width: 285rpx;
height: 282rpx;
z-index: 1;
}
.popup-container {
margin-top: -170rpx;
width: 90vw;
border-radius: 24rpx;
padding: 164rpx 50rpx 62rpx;
box-sizing: border-box;
text-align: center;
background-color: #fff;
.title {
margin-top: 28rpx;
font-size: 44rpx;
color: #3b4f98;
font-weight: bold;
line-height: 62rpx;
}
.week {
margin-top: 19rpx;
font-size: 44rpx;
color: #3b4f98;
font-weight: bold;
line-height: 62rpx;
}
.content {
font-size: 32rpx;
color: #afb7cb;
line-height: 52rpx;
.num {
color: #ee9d1f;
font-size: 48rpx;
font-weight: bold;
}
}
.footer {
margin-top: 37rpx;
display: flex;
justify-content: space-between;
align-items: center;
> view:not(:last-of-type),
> image {
margin-right: 33rpx;
}
.cancel,
.submit {
flex: 1;
height: 80rpx;
box-sizing: border-box;
line-height: 78rpx;
border: 1rpx solid #1241b3;
border-radius: 48rpx;
color: #fff;
font-size: 32rpx;
font-weight: bold;
}
.cancel {
color: #1241b3;
}
.submit {
background-color: #1241b3;
}
}
}
}
.popup-doc {
.popup-container {
width: 90vw;
border-radius: 24rpx;
padding: 62rpx 50rpx 62rpx;
box-sizing: border-box;
text-align: center;
background-color: #fff;
.title {
margin-top: 28rpx;
font-size: 44rpx;
color: #3b4f98;
font-weight: bold;
line-height: 62rpx;
}
.content {
margin-top: 20rpx;
font-size: 28rpx;
height: 50vh;
overflow-y: scroll;
text-align: left;
.h1 {
text-indent: 2em;
color: #919191;
line-height: 52rpx;
}
}
.footer {
margin-top: 37rpx;
display: flex;
justify-content: space-between;
align-items: center;
> view:not(:last-of-type),
> image {
margin-right: 33rpx;
}
.cancel,
.submit {
flex: 1;
height: 80rpx;
box-sizing: border-box;
line-height: 78rpx;
border: 1rpx solid #1241b3;
border-radius: 48rpx;
color: #fff;
font-size: 32rpx;
font-weight: bold;
}
.cancel {
color: #1241b3;
}
.submit {
background-color: #1241b3;
}
}
}
}
.popup-reg-protocol {
text-align: center;
.popup-container {
width: 90vw;
border-radius: 19rpx;
box-sizing: border-box;
text-align: center;
background-color: #023ebb;
.container {
position: relative;
z-index: 10;
background-color: #fff;
border-radius: 19rpx;
padding: 69rpx 42rpx 62rpx;
.title {
font-size: 40rpx;
color: #495069;
font-weight: bold;
}
.content {
margin-top: 29rpx;
padding: 38rpx 16rpx;
font-size: 32rpx;
color: #9ba5bd;
border-radius: 12rpx;
line-height: 54rpx;
}
.footer {
margin-top: 42rpx;
.cancel,
.submit {
flex: 1;
height: 80rpx;
box-sizing: border-box;
line-height: 78rpx;
border: 1rpx solid #1241b3;
border-radius: 48rpx;
color: #fff;
font-size: 32rpx;
font-weight: bold;
}
.cancel {
color: #fff;
border-color: #afb7cb;
background-color: #afb7cb;
}
.submit {
background-color: #1241b3;
}
.protocol {
display: flex;
justify-content: center;
align-items: center;
margin-top: 30rpx;
font-size: 24rpx;
color: #9ba5bd;
.checkbox {
display: inline;
width: 32rpx;
height: 32rpx;
}
.a {
color: #1241b3;
}
}
}
}
}
}
.popup-class-detail-once {
text-align: center;
.popup-container {
width: 90vw;
border-radius: 19rpx;
box-sizing: border-box;
text-align: center;
background-color: #023ebb;
.container {
position: relative;
z-index: 10;
background-color: #fff;
border-radius: 19rpx;
padding: 69rpx 42rpx 62rpx;
.title {
font-size: 36rpx;
color: #023eba;
font-weight: bold;
}
.content {
margin-top: 29rpx;
padding: 38rpx 16rpx;
font-size: 28rpx;
color: #9ba5bd;
line-height: 42rpx;
border-radius: 12rpx;
background-color: #f7f8fb;
text-align: justify;
}
.footer {
margin-top: 43rpx;
display: flex;
justify-content: space-between;
align-items: center;
> view:not(:last-of-type),
> image {
margin-right: 33rpx;
}
.cancel,
.submit {
flex: 1;
height: 80rpx;
box-sizing: border-box;
line-height: 78rpx;
border: 1rpx solid #1241b3;
border-radius: 48rpx;
color: #fff;
font-size: 32rpx;
font-weight: bold;
}
.cancel {
color: #fff;
border-color: #afb7cb;
background-color: #afb7cb;
}
.submit {
background-color: #1241b3;
}
}
}
}
}
.popup-soory-enter {
text-align: center;
.popup-container {
width: 90vw;
border-radius: 19rpx;
box-sizing: border-box;
text-align: center;
background-color: #023ebb;
.container {
position: relative;
z-index: 10;
background-color: #fff;
background-size: 100% 100%;
background-repeat: no-repeat;
border-radius: 19rpx;
padding: 69rpx 42rpx 62rpx;
.badge {
display: block;
margin: 0 auto;
width: 110rpx;
height: 138rpx;
}
.content {
max-height: 35vh;
overflow-y: scroll;
font-size: 26rpx;
color: #495069;
text-align: justify;
line-height: 44rpx;
.br {
padding: 12rpx 0;
}
}
.protocol {
margin-top: 32rpx;
font-size: 24rpx;
color: #495069;
.p-header {
display: flex;
justify-content: center;
.checkbox {
margin-right: 12rpx;
width: 32rpx;
height: 32rpx;
display: inline;
overflow: hidden;
}
.a {
color: #1241b3;
}
}
.tip {
margin-top: 24rpx;
text-align: justify;
color: #b6b7ba;
}
}
.footer {
margin-top: 43rpx;
display: flex;
justify-content: space-between;
align-items: center;
> view:not(:last-of-type),
> image {
margin-right: 33rpx;
}
.cancel,
.submit {
flex: 1;
height: 84rpx;
box-sizing: border-box;
line-height: 84rpx;
border-radius: 48rpx;
color: #fff;
font-size: 32rpx;
}
.cancel {
color: #fff;
border-color: #afb7cb;
background-color: #afb7cb;
}
.submit {
background-color: #e04775;
}
}
}
}
}
.popup-story-lead {
padding-top: 20rpx;
text-align: center;
.popup-header {
position: relative;
padding: 43rpx 0 60rpx 54rpx;
font-size: 28rpx;
background: #1241b3;
border-radius: 24rpx 93rpx 24rpx 24rpx;
.content {
font-size: 28rpx;
line-height: 46rpx;
color: #fff;
text-align-last: left;
.num {
font-size: 36rpx;
}
}
.bg {
position: absolute;
right: 0;
top: 0;
width: 196rpx;
height: 181rpx;
}
}
.popup-container {
position: relative;
margin-top: -20rpx;
width: 90vw;
border-radius: 19rpx;
box-sizing: border-box;
text-align: center;
.bg {
width: 100%;
height: 600rpx;
}
.container {
position: absolute;
top: 0;
left: 0;
width: 100%;
box-sizing: border-box;
// background-color: #fff;
border-radius: 19rpx;
padding: 69rpx 42rpx 62rpx;
.content {
font-size: 42rpx;
color: #023eba;
font-weight: bold;
text-align: justify;
line-height: 60rpx;
}
.sub-content {
margin-top: 21rpx;
font-size: 28rpx;
text-align: justify;
line-height: 44rpx;
color: #aeb7cd;
}
.footer {
margin-top: 43rpx;
display: flex;
justify-content: center;
align-items: center;
> view:not(:last-of-type),
> image {
margin-right: 33rpx;
}
.cancel,
.submit {
flex: 1;
max-width: 312rpx;
height: 80rpx;
box-sizing: border-box;
line-height: 78rpx;
border: 1rpx solid #1241b3;
border-radius: 48rpx;
color: #fff;
font-size: 32rpx;
font-weight: bold;
}
.cancel {
color: #fff;
border-color: #afb7cb;
background-color: #afb7cb;
}
.submit {
background-color: #1241b3;
}
}
}
}
}
.popup-story-star {
text-align: center;
.badge {
position: relative;
z-index: 2;
display: block;
width: 306rpx;
height: 233rpx;
margin: 0 auto;
}
.popup-container {
position: relative;
z-index: 1;
margin-top: -156rpx;
width: 624rpx;
border-radius: 19rpx;
box-sizing: border-box;
text-align: center;
height: 600rpx;
background-color: #fff;
.bg {
width: 100%;
}
.container {
position: absolute;
top: 0;
left: 0;
width: 100%;
box-sizing: border-box;
border-radius: 19rpx;
padding: 163rpx 42rpx 62rpx;
.content {
font-size: 42rpx;
color: #023eba;
font-weight: bold;
text-align: justify;
text-align: center;
}
.sub-content {
text-align: center;
margin-top: 21rpx;
font-size: 28rpx;
text-align: justify;
line-height: 52rpx;
color: #023eba;
view {
text-align: center;
}
}
.footer {
margin-top: 43rpx;
display: flex;
justify-content: center;
align-items: center;
> view:not(:last-of-type),
> image {
margin-right: 33rpx;
}
.cancel,
.submit {
flex: 1;
max-width: 312rpx;
height: 80rpx;
box-sizing: border-box;
line-height: 78rpx;
border: 1rpx solid #1241b3;
border-radius: 48rpx;
color: #fff;
font-size: 32rpx;
font-weight: bold;
}
.cancel {
color: #fff;
border-color: #afb7cb;
background-color: #afb7cb;
}
.submit {
background-color: #1241b3;
}
}
.tip {
margin-top: 30rpx;
font-size: 28rpx;
color: #aeb7cd;
}
}
}
}
.popup-story-share {
text-align: center;
.badge {
position: relative;
z-index: 2;
width: 325rpx;
height: 335rpx;
}
.popup-container {
margin-top: -250rpx;
position: relative;
z-index: 1;
width: 604rpx;
border-radius: 19rpx;
box-sizing: border-box;
text-align: center;
height: 652rpx;
padding-right: 20rpx;
margin-left: 10rpx;
.bg {
width: 100%;
height: 100%;
}
.container {
position: absolute;
left: 0;
top: 0;
width: 100%;
box-sizing: border-box;
border-radius: 19rpx;
padding: 251rpx 42rpx 62rpx;
.satellite1 {
width: 62rpx;
height: 62rpx;
position: absolute;
top: 133rpx;
left: 19px;
}
.satellite2 {
width: 52rpx;
height: 52rpx;
position: absolute;
top: 370rpx;
right: 0;
}
.sub-content {
padding: 23rpx 0 39rpx;
margin: 36rpx 15rpx 0;
text-align: center;
font-size: 28rpx;
text-align: justify;
line-height: 44rpx;
color: #495069;
background-color: #fff;
border-radius: 22rpx;
view {
text-align: center;
text {
color: #ee9d1f;
font-size: 28rpx;
font-weight: bold;
}
}
}
.footer {
margin-top: 43rpx;
display: flex;
justify-content: center;
align-items: center;
> view:not(:last-of-type),
> image {
margin-right: 33rpx;
}
.cancel,
.submit {
flex: 1;
max-width: 312rpx;
height: 80rpx;
box-sizing: border-box;
line-height: 78rpx;
border: 1rpx solid #1241b3;
border-radius: 48rpx;
color: #fff;
font-size: 32rpx;
font-weight: bold;
}
.cancel {
color: #fff;
border-color: #afb7cb;
background-color: #afb7cb;
}
.submit {
background-color: #1241b3;
}
}
.tip {
margin-top: 30rpx;
font-size: 28rpx;
color: #aeb7cd;
}
}
}
}
.popup-beginner-guide {
text-align: center;
.popup-container {
width: 604rpx;
border-radius: 19rpx;
box-sizing: border-box;
text-align: center;
padding-right: 20rpx;
margin-left: 10rpx;
.container {
box-sizing: border-box;
border-radius: 19rpx;
padding: 0 42rpx 62rpx;
background-color: #fff;
.badge {
width: 320rpx;
height: 320rpx;
}
.content {
margin-top: 28rpx;
font-size: 36rpx;
color: #023eba;
line-height: 48rpx;
font-weight: bold;
}
.tip {
margin-top: 20rpx;
font-size: 28rpx;
color: #364e9e;
font-weight: bold;
.num {
color: #fc7c7c;
}
}
.submit {
margin-top: 56rpx;
width: 100%;
height: 80rpx;
font-size: 32rpx;
color: #ffffff;
text-align: center;
line-height: 80rpx;
background: #023eba;
border-radius: 100rpx 100rpx 100rpx 100rpx;
}
}
}
}
.popup-tfb-success {
.badge {
position: relative;
display: block;
margin: 0 auto 0;
width: 350rpx;
height: 350rpx;
z-index: 1;
}
.popup-container {
margin-top: -200rpx;
width: 80vw;
box-sizing: border-box;
padding: 204rpx 50rpx 62rpx;
border-radius: 19rpx;
background-color: #fff;
text-align: center;
background: linear-gradient(180deg, #82a4f7 0%, #fbfcff 30%, #ffffff 100%);
.tip {
font-size: 40rpx;
color: #3b4f98;
line-height: 67rpx;
font-weight: bold;
}
.beginner {
font-size: 32rpx;
color: #afb7cb;
margin-top: 10rpx;
line-height: 44rpx;
.num {
font-size: 48rpx;
color: #ee9d1f;
}
}
}
}
.popup-adl-alert {
text-align: center;
.popup-container {
width: 604rpx;
border-radius: 19rpx;
box-sizing: border-box;
text-align: center;
padding-right: 20rpx;
margin-left: 10rpx;
.badge {
width: 430rpx;
height: 304rpx;
}
.container {
margin-top: -184rpx;
box-sizing: border-box;
border-radius: 19rpx;
padding: 184rpx 42rpx 62rpx;
background: linear-gradient(180deg, #edcfd8 0%, #ffffff 40%, #ffffff 100%);
.content {
font-size: 40rpx;
color: #484848;
line-height: 48rpx;
font-weight: bold;
}
.tip {
margin-top: 16rpx;
font-size: 32rpx;
color: #484848;
.num {
color: #fc7c7c;
}
}
.warn {
margin-top: 44rpx;
display: inline-flex;
align-items: center;
padding: 0 14rpx;
height: 48rpx;
background: #ededed;
border-radius: 24rpx;
font-size: 28rpx;
color: #484848;
line-height: 48rpx;
.icon {
width: 32rpx;
height: 32rpx;
margin-right: 8rpx;
}
}
.c-footer {
margin: 32rpx 0 0;
display: flex;
justify-content: space-between;
.cancel {
margin-right: 30rpx;
flex: 1;
height: 88rpx;
font-size: 32rpx;
color: #cf5375;
text-align: center;
line-height: 84rpx;
border-radius: 24rpx;
box-sizing: border-box;
border: 2rpx solid #f0b8c9;
}
.submit {
flex: 1;
height: 88rpx;
font-size: 34rpx;
color: #ffffff;
text-align: center;
line-height: 88rpx;
background: #cf5375;
border-radius: 24rpx;
}
}
}
}
&.popup-adl-alert-drug {
.container {
background: linear-gradient(180deg, #dffffc 0%, #ffffff 40%, #ffffff 100%);
.c-footer {
.cancel {
border-color: #25d9c8;
color: #25d9c8;
}
.submit {
background-color: #4cebdc;
}
}
}
}
}
.popup-adl-alert-test {
text-align: center;
.popup-container {
width: 604rpx;
border-radius: 19rpx;
box-sizing: border-box;
text-align: center;
padding-right: 20rpx;
margin-left: 10rpx;
.badge {
width: 274rpx;
height: 230rpx;
}
.container {
margin-top: -184rpx;
box-sizing: border-box;
border-radius: 19rpx;
padding: 184rpx 42rpx 20rpx;
background: linear-gradient(180deg, #edcfd8 0%, #ffffff 40%, #ffffff 100%);
.content {
font-size: 40rpx;
color: #484848;
line-height: 48rpx;
font-weight: bold;
}
.tip {
margin-top: 16rpx;
font-size: 32rpx;
color: #484848;
.num {
color: #fc7c7c;
}
}
.warn {
margin-top: 44rpx;
display: inline-flex;
align-items: center;
padding: 0 14rpx;
height: 48rpx;
background: #ededed;
border-radius: 24rpx;
font-size: 28rpx;
color: #484848;
line-height: 48rpx;
.icon {
width: 32rpx;
height: 32rpx;
margin-right: 8rpx;
}
}
.c-footer {
margin: 32rpx 0 0;
.submit {
height: 88rpx;
font-size: 34rpx;
color: #ffffff;
text-align: center;
line-height: 88rpx;
background: #cf5375;
border-radius: 24rpx;
}
.cancel {
margin-top: 10rpx;
height: 88rpx;
font-size: 34rpx;
color: #484848;
line-height: 88rpx;
}
}
}
}
&.popup-adl-alert-test-drug {
.container {
background: linear-gradient(180deg, #dffffc 0%, #ffffff 40%, #ffffff 100%);
.c-footer {
.submit {
background-color: #4cebdc;
}
}
}
}
}
.popup-vip {
text-align: center;
.popup-container {
width: 604rpx;
border-radius: 19rpx;
box-sizing: border-box;
text-align: center;
padding-right: 20rpx;
margin-left: 10rpx;
.container {
box-sizing: border-box;
border-radius: 19rpx;
padding: 48rpx 42rpx 62rpx;
background: linear-gradient(180deg, #edcfd8 0%, #ffffff 40%, #ffffff 100%);
.badge {
width: 166rpx;
height: 170rpx;
}
.content {
margin-top: 24rpx;
font-size: 40rpx;
color: #484848;
line-height: 48rpx;
font-weight: bold;
}
.tip {
margin-top: 32rpx;
font-size: 32rpx;
color: #cf5375;
.icon {
width: 32rpx;
height: 22rpx;
}
}
.warn {
margin-top: 44rpx;
display: inline-flex;
align-items: center;
padding: 0 14rpx;
height: 48rpx;
background: #ededed;
border-radius: 24rpx;
font-size: 28rpx;
color: #484848;
line-height: 48rpx;
.icon {
width: 32rpx;
height: 32rpx;
margin-right: 8rpx;
}
}
.c-footer {
margin: 32rpx 0 0;
.submit {
height: 88rpx;
font-size: 34rpx;
color: #ffffff;
text-align: center;
line-height: 88rpx;
background: #cf5375;
border-radius: 24rpx;
}
}
}
}
}
.popup-task-model {
text-align: center;
.popup-container {
width: 604rpx;
border-radius: 19rpx;
box-sizing: border-box;
text-align: center;
padding-right: 20rpx;
margin-left: 10rpx;
.badge {
width: 430rpx;
height: 304rpx;
}
.container {
margin-top: -184rpx;
box-sizing: border-box;
border-radius: 19rpx;
padding: 184rpx 42rpx 62rpx;
background: linear-gradient(180deg, #edcfd8 0%, #ffffff 40%, #ffffff 100%);
.content {
font-size: 36rpx;
color: #484848;
line-height: 48rpx;
font-weight: bold;
}
.tip {
margin-top: 16rpx;
font-size: 28rpx;
color: #484848;
.num {
color: #fc7c7c;
}
}
.warn {
margin-top: 44rpx;
display: inline-flex;
align-items: center;
padding: 0 14rpx;
height: 48rpx;
background: #ededed;
border-radius: 24rpx;
font-size: 28rpx;
color: #484848;
line-height: 48rpx;
.icon {
width: 32rpx;
height: 32rpx;
margin-right: 8rpx;
}
.link {
color: #cf5375;
}
}
.c-footer {
margin: 32rpx 0 0;
display: flex;
justify-content: space-between;
.cancel {
margin-right: 30rpx;
flex: 1;
height: 88rpx;
font-size: 32rpx;
color: #cf5375;
text-align: center;
line-height: 84rpx;
border-radius: 24rpx;
box-sizing: border-box;
border: 2rpx solid #f0b8c9;
}
.submit {
flex: 1;
height: 88rpx;
font-size: 34rpx;
color: #ffffff;
text-align: center;
line-height: 88rpx;
background: #cf5375;
border-radius: 24rpx;
}
}
}
}
&.popup-task-model-drug {
.container {
background: linear-gradient(180deg, #dffffc 0%, #ffffff 40%, #ffffff 100%);
.warn {
.link {
color: #25d9c8;
}
}
.c-footer {
.cancel {
border-color: #25d9c8;
color: #25d9c8;
}
.submit {
background-color: #4cebdc;
}
}
}
}
}
.popup-health-care {
text-align: center;
.popup-container {
width: 604rpx;
border-radius: 19rpx;
box-sizing: border-box;
text-align: center;
padding-right: 20rpx;
margin-left: 10rpx;
.badge {
width: 430rpx;
height: 304rpx;
}
.container {
margin-top: -184rpx;
box-sizing: border-box;
border-radius: 19rpx;
padding: 184rpx 42rpx 62rpx;
background: linear-gradient(180deg, #edcfd8 0%, #ffffff 40%, #ffffff 100%);
.content {
font-size: 40rpx;
color: #484848;
line-height: 48rpx;
font-weight: bold;
}
.tip {
margin-top: 16rpx;
font-size: 32rpx;
color: #484848;
.num {
color: #fc7c7c;
}
}
.warn {
margin-top: 44rpx;
display: inline-flex;
align-items: center;
padding: 0 14rpx;
height: 48rpx;
background: #ededed;
border-radius: 24rpx;
font-size: 28rpx;
color: #484848;
line-height: 48rpx;
.icon {
width: 32rpx;
height: 32rpx;
margin-right: 8rpx;
}
}
.c-footer {
margin: 32rpx 0 0;
display: flex;
justify-content: space-between;
.cancel {
margin-right: 30rpx;
flex: 1;
height: 88rpx;
font-size: 32rpx;
color: #cf5375;
text-align: center;
line-height: 84rpx;
border-radius: 24rpx;
box-sizing: border-box;
border: 2rpx solid #f0b8c9;
}
.submit {
flex: 1;
height: 88rpx;
font-size: 34rpx;
color: #ffffff;
text-align: center;
line-height: 88rpx;
background: #cf5375;
border-radius: 24rpx;
}
}
}
}
&.popup-health-care-drug {
.container {
background: linear-gradient(180deg, #dffffc 0%, #ffffff 40%, #ffffff 100%);
.c-footer {
.cancel {
border-color: #25d9c8;
color: #25d9c8;
}
.submit {
background-color: #4cebdc;
}
}
}
}
}
.popup-ndrl-adl-alert {
text-align: center;
.popup-container {
width: 604rpx;
border-radius: 19rpx;
box-sizing: border-box;
text-align: center;
padding-right: 20rpx;
margin-left: 10rpx;
.badge {
width: 430rpx;
height: 304rpx;
}
.container {
margin-top: -184rpx;
box-sizing: border-box;
border-radius: 19rpx;
padding: 184rpx 42rpx 62rpx;
background: linear-gradient(180deg, #edcfd8 0%, #ffffff 40%, #ffffff 100%);
.content {
font-size: 40rpx;
color: #484848;
line-height: 48rpx;
font-weight: bold;
}
.tip {
margin-top: 16rpx;
font-size: 32rpx;
color: #484848;
.num {
color: #fc7c7c;
}
}
.warn {
margin-top: 44rpx;
display: inline-flex;
align-items: center;
padding: 0 14rpx;
height: 48rpx;
background: #ededed;
border-radius: 24rpx;
font-size: 28rpx;
color: #484848;
line-height: 48rpx;
.icon {
width: 32rpx;
height: 32rpx;
margin-right: 8rpx;
}
}
.c-footer {
margin: 32rpx 0 0;
display: flex;
justify-content: space-between;
.cancel {
margin-right: 30rpx;
flex: 1;
height: 88rpx;
font-size: 32rpx;
color: #cf5375;
text-align: center;
line-height: 84rpx;
border-radius: 24rpx;
box-sizing: border-box;
border: 2rpx solid #f0b8c9;
}
.submit {
flex: 1;
height: 88rpx;
font-size: 34rpx;
color: #ffffff;
text-align: center;
line-height: 88rpx;
background: #cf5375;
border-radius: 24rpx;
}
}
}
}
&.popup-ndrl-adl-alert-drug {
.container {
background: linear-gradient(180deg, #dffffc 0%, #ffffff 40%, #ffffff 100%);
.c-footer {
.cancel {
border-color: #25d9c8;
color: #25d9c8;
}
.submit {
background-color: #4cebdc;
}
}
}
}
}
.popup-ndrl-follow {
position: relative;
z-index: 9999999999;
.badge {
position: relative;
display: block;
margin: 0 0 0 205rpx;
width: 231rpx;
height: 207rpx;
z-index: 1;
}
.popup-container {
width: calc(100vw - 160rpx);
border-radius: 24rpx;
box-sizing: border-box;
text-align: center;
.container {
margin-top: -80rpx;
padding: 53rpx 40rpx 58rpx;
background: linear-gradient(180deg, #ffe0ea 0%, #fff 50%, #ffffff 100%);
border-radius: 24rpx;
.title {
margin-top: 38rpx;
font-size: 40rpx;
color: #cd355f;
font-weight: bold;
}
.price {
margin: 10rpx auto 0;
font-size: 56rpx;
color: #f5ad1d;
display: flex;
justify-content: center;
align-items: baseline;
font-weight: bold;
.sub {
font-size: 36rpx;
color: #484848;
}
}
.content {
margin-top: 16rpx;
font-size: 32rpx;
color: #333333;
line-height: 45rpx;
}
.code {
display: block;
margin: 28rpx auto 0;
width: 238rpx;
height: 238rpx;
}
.tip {
margin-top: 14rpx;
font-size: 28rpx;
color: #666666;
}
}
.footer {
margin-top: 37rpx;
display: flex;
justify-content: space-between;
align-items: center;
> view:not(:last-of-type),
> image {
margin-right: 33rpx;
}
.cancel,
.submit {
flex: 1;
height: 80rpx;
box-sizing: border-box;
line-height: 78rpx;
border: 1rpx solid #1241b3;
border-radius: 48rpx;
color: #fff;
font-size: 32rpx;
font-weight: bold;
}
.cancel {
color: #1241b3;
}
.submit {
background-color: #1241b3;
}
}
}
}
.popup-adl-progress {
position: relative;
text-align: center;
.close {
position: absolute;
top: 224rpx;
right: 40rpx;
width: 28rpx;
height: 26rpx;
}
.popup-container {
padding: 342rpx 0 0;
width: 632rpx;
height: 944rpx;
box-sizing: border-box;
background-size: 100% 100%;
.container {
width: 100%;
height: 100%;
.title {
font-size: 36rpx;
font-weight: bold;
color: #484848;
line-height: 50rpx;
}
.content {
margin-top: 32rpx;
display: flex;
justify-content: center;
align-items: baseline;
font-weight: bold;
.price {
font-size: 56rpx;
color: #f5ad1d;
}
.sub {
text-indent: 5rpx;
font-size: 36rpx;
color: #484848;
}
}
.progress {
margin-top: 10px;
position: relative;
padding: 0 80rpx;
box-sizing: border-box;
height: 142rpx;
.progress-bar {
padding: 60rpx 0 0;
}
.wrap {
position: absolute;
top: 0;
left: 80rpx;
display: flex;
justify-content: space-between;
width: calc(100% - 160rpx);
box-sizing: border-box;
.item {
text-align: center;
width: 48rpx;
.name {
font-size: 24rpx;
color: #3f3f3f;
line-height: 34rpx;
white-space: nowrap;
}
.el {
margin-top: 10rpx;
position: relative;
width: 48rpx;
height: 46rpx;
.icon {
width: 100%;
height: 100%;
}
.status {
position: absolute;
bottom: 0;
right: 0;
width: 20rpx;
height: 20rpx;
background-color: #eaeaea;
border-radius: 50%;
border: 2rpx solid #fff;
display: flex;
align-items: center;
justify-content: center;
.mini {
width: 12rpx;
height: 8rpx;
}
}
}
.num {
white-space: nowrap;
margin-top: 10rpx;
font-size: 24rpx;
color: #e7e7e7;
font-weight: bold;
&.more {
text-indent: -20rpx;
}
}
&.active {
.name {
color: #3f3f3f;
}
.el {
.status {
background-color: #e04775;
}
}
.num {
color: #e04775;
}
}
}
}
}
.tip {
margin-top: 24rpx;
font-size: 24rpx;
height: 34rpx;
color: #9e9e9e;
}
.footer {
margin-top: 22rpx;
.submit {
margin: 0 auto;
width: 350rpx;
height: 96rpx;
background: linear-gradient(180deg, #f27dad 0%, #e04775 100%);
box-shadow: 0rpx 10rpx 28rpx 0rpx rgba(207, 83, 117, 0.44);
border-radius: 48rpx;
border: 3rpx solid #ffffff;
font-size: 36rpx;
color: #ffffff;
line-height: 96rpx;
}
}
}
}
&.popup-adl-progress-drug {
.popup-container {
.container {
.progress {
.wrap {
.item {
&.active {
.status {
background: #25d9c8;
}
.num {
color: #24d8c8;
}
}
.num {
color: #e7e7e7;
}
}
}
}
.footer {
.submit {
background: linear-gradient(157deg, #4cebdc 0%, #25d9c8 100%);
box-shadow: 0rpx 10rpx 28rpx 0rpx rgba(36, 216, 200, 0.43);
}
}
}
}
}
}
.popup-adl-progress-end {
position: relative;
text-align: center;
.close {
position: absolute;
top: 224rpx;
right: 40rpx;
width: 28rpx;
height: 26rpx;
}
.popup-container {
padding: 342rpx 0 0;
width: 630rpx;
height: 640rpx;
box-sizing: border-box;
background-size: 100% 100%;
.container {
width: 100%;
height: 100%;
.title {
font-size: 36rpx;
font-weight: bold;
color: #484848;
line-height: 50rpx;
}
.footer {
margin-top: 22rpx;
.submit {
margin: 0 auto;
width: 350rpx;
height: 96rpx;
background: linear-gradient(180deg, #f27dad 0%, #e04775 100%);
box-shadow: 0rpx 10rpx 28rpx 0rpx rgba(207, 83, 117, 0.44);
border-radius: 48rpx;
border: 3rpx solid #ffffff;
font-size: 36rpx;
color: #ffffff;
line-height: 96rpx;
}
}
}
}
&.popup-adl-progress-end-drug {
.popup-container {
.container {
.footer {
.submit {
background: linear-gradient(157deg, #4cebdc 0%, #25d9c8 100%);
box-shadow: 0rpx 10rpx 28rpx 0rpx rgba(36, 216, 200, 0.43);
}
}
}
}
}
}
.popup-dtp-drup {
position: relative;
.popup-container {
padding: 56rpx 48rpx 48rpx;
width: 630rpx;
box-sizing: border-box;
background-size: 100% 100%;
background-color: #fff;
.container {
width: 100%;
height: 100%;
.title {
width: 384rpx;
max-height: 50rpx;
}
.content {
margin-top: 24rpx;
font-size: 32rpx;
color: #9e9e9e;
}
.footer {
margin-top: 48rpx;
.submit {
margin: 0 auto;
height: 96rpx;
text-align: center;
background: #e04775;
border-radius: 48rpx;
font-size: 36rpx;
color: #ffffff;
line-height: 96rpx;
}
}
}
}
}
.popup-double-standards {
text-align: center;
.popup-container {
width: 604rpx;
border-radius: 19rpx;
box-sizing: border-box;
text-align: center;
padding-right: 20rpx;
margin-left: 10rpx;
.badge {
width: 435rpx;
height: 266rpx;
}
.container {
margin-top: -180rpx;
box-sizing: border-box;
border-radius: 19rpx;
padding: 166rpx 42rpx 62rpx;
background: linear-gradient(180deg, #edcfd8 0%, #ffffff 40%, #ffffff 100%);
.content {
margin-top: 24rpx;
font-size: 40rpx;
color: #484848;
line-height: 48rpx;
font-weight: bold;
}
.tip {
margin-top: 30rpx;
font-size: 28rpx;
color: #cccccc;
.icon {
width: 32rpx;
height: 22rpx;
}
}
.warn {
margin-top: 44rpx;
display: inline-flex;
align-items: center;
padding: 0 14rpx;
height: 48rpx;
background: #ededed;
border-radius: 24rpx;
font-size: 28rpx;
color: #484848;
line-height: 48rpx;
.icon {
width: 32rpx;
height: 32rpx;
margin-right: 8rpx;
}
}
.c-footer {
margin: 32rpx 0 0;
.submit {
height: 88rpx;
font-size: 34rpx;
color: #ffffff;
text-align: center;
line-height: 88rpx;
background: #cf5375;
border-radius: 24rpx;
}
}
}
}
&.popup-double-standards-drug {
.popup-container {
.container {
background: #fff linear-gradient(180deg, rgba(38, 218, 200, 0.3) 0%, #fff 40%, #ffffff 100%);
.c-footer {
.submit {
background-color: #24d8c8;
}
}
}
}
}
}
.popup-dedicated-doctor {
.popup-container {
position: relative;
padding: 100rpx 32rpx 32rpx;
width: 630rpx;
height: 516rpx;
3 months ago
box-sizing: border-box;
.title {
font-size: 40rpx;
color: #ffffff;
font-weight: bold;
}
3 months ago
.content {
font-size: 32rpx;
color: #ffffff;
}
.container {
margin-top: 60rpx;
font-size: 32rpx;
color: #211d2e;
text-align: center;
line-height: 48rpx;
.line {
display: flex;
align-items: center;
justify-content: center;
}
.high {
color: #b982ff;
font-weight: bold;
3 months ago
}
}
.btn {
margin-top: 32rpx;
height: 88rpx;
3 months ago
font-size: 32rpx;
color: rgba(255, 255, 255, 1);
text-align: center;
line-height: 88rpx;
background: linear-gradient(197deg, #ffbcf9 0%, #b982ff 100%);
border-radius: 100rpx;
3 months ago
}
}
.close {
margin: 68rpx auto 0;
display: block;
width: 64rpx;
height: 64rpx;
}
&.popup-dedicated-doctor-drug {
.popup-container {
.btn {
background-color: rgba(37, 217, 200, 1);
}
}
}
}
.popup-export-loading-doctor {
.badge {
position: relative;
z-index: 1;
display: block;
margin: 0 auto;
width: 240rpx;
height: 402rpx;
}
.popup-container {
padding: 188rpx 30rpx 48rpx;
margin-top: -170rpx;
width: 650rpx;
height: 460rpx;
box-sizing: border-box;
background-color: #fff;
border-radius: 24rpx;
text-align: center;
.title {
font-size: 40rpx;
color: #283031;
line-height: 48rpx;
}
.content {
margin-top: 20rpx;
font-size: 32rpx;
color: #9aa1a2;
line-height: 40rpx;
}
.btn {
margin-top: 32rpx;
font-size: 36rpx;
color: #3464d4;
text-align: center;
line-height: 84rpx;
}
}
}
.popup-referral-toast {
.popup-container {
position: relative;
padding: 504rpx 120rpx 0;
width: 532rpx;
height: 654rpx;
box-sizing: border-box;
.btn {
width: 296rpx;
height: 84rpx;
font-size: 36rpx;
color: rgba(255, 255, 255, 1);
text-align: center;
line-height: 80rpx;
background: #67baca;
border-radius: 48rpx;
}
}
.close {
margin: 68rpx auto 0;
display: block;
width: 64rpx;
height: 64rpx;
}
}
.popup-patient-detail-safe-doctor {
.popup-container {
position: relative;
padding: 228rpx 50rpx 0;
width: 670rpx;
height: 566rpx;
box-sizing: border-box;
.content {
font-size: 32rpx;
color: #283031;
line-height: 48rpx;
}
.btn {
margin: 32rpx auto 0;
width: 364rpx;
height: 84rpx;
font-size: 36rpx;
color: rgba(255, 255, 255, 1);
text-align: center;
line-height: 80rpx;
background: linear-gradient(345deg, #d76c6c 0%, #fb7474 100%);
border-radius: 48rpx;
}
}
.close {
margin: 68rpx auto 0;
display: block;
width: 64rpx;
height: 64rpx;
}
}
.popup-public-toast {
.popup-container {
position: relative;
padding: 360rpx 146rpx 0;
width: 590rpx;
height: 880rpx;
box-sizing: border-box;
.code {
width: 286rpx;
height: 286rpx;
}
}
.close {
margin: 68rpx auto 0;
display: block;
width: 64rpx;
height: 64rpx;
}
}
.popup-site-conform {
.badge {
position: relative;
z-index: 1;
display: block;
margin: 0 auto;
width: 263rpx;
height: 198rpx;
}
.popup-container {
margin-top: -138rpx;
width: 622rpx;
padding: 160rpx 34rpx 48rpx;
box-sizing: border-box;
border-radius: 24rpx;
background: linear-gradient(180deg, #ffedf3 0%, #ffffff 40%, #ffffff 100%);
.title {
text-align: center;
font-size: 32rpx;
color: rgba(72, 72, 72, 1);
line-height: 56rpx;
}
.content {
text-align: center;
font-size: 44rpx;
color: rgba(224, 71, 117, 1);
line-height: 56rpx;
font-weight: bold;
}
.footer {
margin-top: 32rpx;
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
.cancel,
.submit {
flex: 1;
height: 80rpx;
box-sizing: border-box;
line-height: 78rpx;
border: 1rpx solid #cf5375;
border-radius: 48rpx;
color: #fff;
font-size: 32rpx;
font-weight: bold;
}
.cancel {
margin-right: 33rpx;
color: #cf5375;
}
.submit {
background-color: #cf5375;
padding: 0;
margin: 0;
}
}
}
.close {
margin: 68rpx auto 0;
display: block;
width: 64rpx;
height: 64rpx;
}
}
.popup-level-up {
.popup-container {
position: relative;
width: 650rpx;
height: 538rpx;
padding: 328rpx 0 0 284rpx;
box-sizing: border-box;
border-radius: 24rpx;
background: linear-gradient(180deg, #ffedf3 0%, #ffffff 40%, #ffffff 100%);
.close {
position: absolute;
top: 20rpx;
right: 20rpx;
width: 60rpx;
height: 60rpx;
}
.btn {
width: 316rpx;
height: 88rpx;
}
}
}