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.
2579 lines
52 KiB
2579 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: 392rpx 40rpx 0;
|
||
|
|
width: 670rpx;
|
||
|
|
height: 496rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
.content {
|
||
|
|
position: absolute;
|
||
|
|
top: 78rpx;
|
||
|
|
right: 20rpx;
|
||
|
|
width: 462rpx;
|
||
|
|
height: 122rpx;
|
||
|
|
animation: hu__hu__ infinite 2s ease-in-out;
|
||
|
|
@keyframes hu__hu__ {
|
||
|
|
50% {
|
||
|
|
transform: translateY(20rpx);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.btn {
|
||
|
|
width: 610rpx;
|
||
|
|
height: 80rpx;
|
||
|
|
font-size: 32rpx;
|
||
|
|
color: rgba(255, 255, 255, 1);
|
||
|
|
text-align: center;
|
||
|
|
line-height: 80rpx;
|
||
|
|
background: #cf5375;
|
||
|
|
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|