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.
2587 lines
52 KiB
2587 lines
52 KiB
.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: 544rpx; |
|
box-sizing: border-box; |
|
.title { |
|
font-size: 48rpx; |
|
color: #ffffff; |
|
font-weight: bold; |
|
font-style: italic; |
|
} |
|
.container { |
|
margin-top: 76rpx; |
|
font-size: 40rpx; |
|
color: #211D2E; |
|
text-align: center; |
|
line-height: 68rpx; |
|
.line { |
|
display: flex; |
|
align-items: center; |
|
justify-content: center; |
|
} |
|
.high { |
|
color: #B982FF; |
|
font-weight: bold; |
|
} |
|
} |
|
.btn { |
|
margin-top: 32rpx; |
|
height: 88rpx; |
|
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; |
|
} |
|
} |
|
.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; |
|
} |
|
} |
|
}
|
|
|