|
|
|
/* scanGroup/jyScan/index/index.wxss */
|
|
|
|
@font-face {
|
|
|
|
font-family: 'amount';
|
|
|
|
src: url(https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/DIN%20Alternate%20Bold.ttf);
|
|
|
|
font-weight: normal;
|
|
|
|
font-style: normal;
|
|
|
|
}
|
|
|
|
page{
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
.container{
|
|
|
|
width: 100vw;
|
|
|
|
/* min-height: 100vh; */
|
|
|
|
min-height: 1624rpx;
|
|
|
|
height: 100%;
|
|
|
|
background-color: #004488;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: top;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
/* background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/jy_sacn.png"); */
|
|
|
|
position: relative;
|
|
|
|
/* overflow: hidden; */
|
|
|
|
font-family: 'amount';
|
|
|
|
src: url(https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/DIN%20Alternate%20Bold.ttf);
|
|
|
|
font-weight: normal;
|
|
|
|
font-style: normal;
|
|
|
|
}
|
|
|
|
|
|
|
|
page {
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.container {
|
|
|
|
width: 100vw;
|
|
|
|
/* min-height: 100vh; */
|
|
|
|
min-height: 1624rpx;
|
|
|
|
height: 100%;
|
|
|
|
background-color: #004488;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: top;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
/* background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/jy_sacn.png"); */
|
|
|
|
position: relative;
|
|
|
|
/* overflow: hidden; */
|
|
|
|
}
|
|
|
|
|
|
|
|
.index_img {
|
|
...
|
...
|
@@ -28,7 +30,15 @@ page{ |
|
|
|
position: absolute;
|
|
|
|
}
|
|
|
|
|
|
|
|
.logo{
|
|
|
|
.packet {
|
|
|
|
z-index: -2;
|
|
|
|
top: 0;
|
|
|
|
bottom: 0;
|
|
|
|
left: 0;
|
|
|
|
margin: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.logo {
|
|
|
|
right: 0;
|
|
|
|
left: 0;
|
|
|
|
margin: auto;
|
|
...
|
...
|
@@ -36,13 +46,13 @@ page{ |
|
|
|
top: 11.5%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.myPrize{
|
|
|
|
.myPrize {
|
|
|
|
right: 10rpx;
|
|
|
|
width: 170rpx;
|
|
|
|
top: 30%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.welfareOfficer{
|
|
|
|
.welfareOfficer {
|
|
|
|
right: 10rpx;
|
|
|
|
width: 170rpx;
|
|
|
|
bottom: 28%;
|
|
...
|
...
|
@@ -98,7 +108,7 @@ page{ |
|
|
|
width: 75%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pup_activity{
|
|
|
|
.pup_activity {
|
|
|
|
/* height: ; */
|
|
|
|
z-index: -2;
|
|
|
|
/* height: 75%; */
|
|
...
|
...
|
@@ -110,499 +120,602 @@ page{ |
|
|
|
/* 弹幕消息 */
|
|
|
|
|
|
|
|
.wl-msg {
|
|
|
|
position: absolute;
|
|
|
|
top: 40rpx;
|
|
|
|
left: 0rpx;
|
|
|
|
width: 750rpx;
|
|
|
|
height: 206rpx;
|
|
|
|
position: absolute;
|
|
|
|
top: 40rpx;
|
|
|
|
left: 0rpx;
|
|
|
|
width: 750rpx;
|
|
|
|
height: 206rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.marquee-content {
|
|
|
|
width: 750rpx;
|
|
|
|
height: 50rpx;
|
|
|
|
line-height: 34rpx;
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 24rpx;
|
|
|
|
color: #D81E05;
|
|
|
|
position: relative;
|
|
|
|
overflow: hidden;
|
|
|
|
margin-bottom: 24rpx;
|
|
|
|
width: 750rpx;
|
|
|
|
height: 50rpx;
|
|
|
|
line-height: 34rpx;
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 24rpx;
|
|
|
|
color: #D81E05;
|
|
|
|
position: relative;
|
|
|
|
overflow: hidden;
|
|
|
|
margin-bottom: 24rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.marquee {
|
|
|
|
position: absolute;
|
|
|
|
height: 100%;
|
|
|
|
white-space: nowrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
.marquee view {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.marquee-item {
|
|
|
|
display: inline-block;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wl-opt {
|
|
|
|
position: fixed;
|
|
|
|
top: 736rpx;
|
|
|
|
right: 0;
|
|
|
|
width: 88rpx;
|
|
|
|
position: fixed;
|
|
|
|
top: 736rpx;
|
|
|
|
right: 0;
|
|
|
|
width: 88rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wl-opt-btn {
|
|
|
|
width: 88rpx;
|
|
|
|
height: 76rpx;
|
|
|
|
background: #ffffff4d;
|
|
|
|
border-radius: 46rpx 0 0 46rpx;
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 24rpx;
|
|
|
|
color: #FFFFFF;
|
|
|
|
padding-left: 32rpx;
|
|
|
|
box-sizing: border-box;
|
|
|
|
line-height: 28rpx;
|
|
|
|
padding-top: 14rpx;
|
|
|
|
margin-bottom: 12rpx;
|
|
|
|
width: 88rpx;
|
|
|
|
height: 76rpx;
|
|
|
|
background: #ffffff4d;
|
|
|
|
border-radius: 46rpx 0 0 46rpx;
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 24rpx;
|
|
|
|
color: #FFFFFF;
|
|
|
|
padding-left: 32rpx;
|
|
|
|
box-sizing: border-box;
|
|
|
|
line-height: 28rpx;
|
|
|
|
padding-top: 14rpx;
|
|
|
|
margin-bottom: 12rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.marquee-item_text {
|
|
|
|
height: 50rpx;
|
|
|
|
line-height: 50rpx;
|
|
|
|
border-radius: 38rpx;
|
|
|
|
height: 50rpx;
|
|
|
|
line-height: 50rpx;
|
|
|
|
border-radius: 38rpx;
|
|
|
|
font-size: 24rpx;
|
|
|
|
color: #fff;
|
|
|
|
padding: 0 24rpx;
|
|
|
|
margin: 0 24rpx;
|
|
|
|
background-color: rgba(255, 255, 255, 0.33);
|
|
|
|
color: #fff;
|
|
|
|
padding: 0 24rpx;
|
|
|
|
margin: 0 24rpx;
|
|
|
|
background-color: rgba(255, 255, 255, 0.33);
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes marquee {
|
|
|
|
0% {
|
|
|
|
left: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
100% {
|
|
|
|
left: var(--width);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.fixed_btn{
|
|
|
|
width: 85rpx;
|
|
|
|
height: 80rpx;
|
|
|
|
/* background: #3f9ed1; */
|
|
|
|
background: #B03344;
|
|
|
|
border-radius: 28rpx 0 0 28rpx;
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 28rpx;
|
|
|
|
color: #FFFFFF;
|
|
|
|
text-align: center;
|
|
|
|
letter-spacing: 0;
|
|
|
|
line-height: 28rpx;
|
|
|
|
position: absolute;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
.btn_1{
|
|
|
|
right: 0rpx;
|
|
|
|
top: 200rpx;
|
|
|
|
}
|
|
|
|
.btn_2{
|
|
|
|
right: 0rpx;
|
|
|
|
top: 296rpx;
|
|
|
|
}
|
|
|
|
.btn_3{
|
|
|
|
right: 0rpx;
|
|
|
|
top: 292rpx;
|
|
|
|
}
|
|
|
|
.btn_4{
|
|
|
|
right: 0rpx;
|
|
|
|
top: 388rpx;
|
|
|
|
}
|
|
|
|
.scan_icon{
|
|
|
|
width: 40rpx;
|
|
|
|
height: 40rpx;
|
|
|
|
}
|
|
|
|
.mt_down{
|
|
|
|
margin-bottom: 5rpx;
|
|
|
|
}
|
|
|
|
.reward_btn{
|
|
|
|
width: 702rpx;
|
|
|
|
height: 250rpx;
|
|
|
|
position: absolute;
|
|
|
|
left: 50%;
|
|
|
|
/* bottom: 320rpx; */
|
|
|
|
top: 1188rpx;
|
|
|
|
transform: translateX(-50%);
|
|
|
|
background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/award_btn.png");
|
|
|
|
background-position: center;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
font-size: 40rpx;
|
|
|
|
color: #FFFFFF;
|
|
|
|
letter-spacing: 0;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 168rpx;
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
.reward_btn_none{
|
|
|
|
width: 702rpx;
|
|
|
|
height: 250rpx;
|
|
|
|
position: absolute;
|
|
|
|
left: 50%;
|
|
|
|
/* bottom: 320rpx; */
|
|
|
|
top: 1188rpx;
|
|
|
|
transform: translateX(-50%);
|
|
|
|
background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/award_btn_none.png");
|
|
|
|
background-position: center;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
font-size: 40rpx;
|
|
|
|
color: #FFFFFF;
|
|
|
|
letter-spacing: 0;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 168rpx;
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
.id_code{
|
|
|
|
position: absolute;
|
|
|
|
bottom: 112rpx;
|
|
|
|
text-align: center;
|
|
|
|
width: 100%;
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 30rpx;
|
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
|
}
|
|
|
|
.id_mes{
|
|
|
|
position: absolute;
|
|
|
|
bottom: 52rpx;
|
|
|
|
text-align: center;
|
|
|
|
width: 100%;
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 28rpx;
|
|
|
|
color: rgba(255, 255, 255, 0.5);
|
|
|
|
|
|
|
|
.fixed_btn {
|
|
|
|
width: 85rpx;
|
|
|
|
height: 80rpx;
|
|
|
|
/* background: #3f9ed1; */
|
|
|
|
background: #B03344;
|
|
|
|
border-radius: 28rpx 0 0 28rpx;
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 28rpx;
|
|
|
|
color: #FFFFFF;
|
|
|
|
text-align: center;
|
|
|
|
letter-spacing: 0;
|
|
|
|
line-height: 28rpx;
|
|
|
|
position: absolute;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn_1 {
|
|
|
|
right: 0rpx;
|
|
|
|
top: 200rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn_2 {
|
|
|
|
right: 0rpx;
|
|
|
|
top: 296rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn_3 {
|
|
|
|
right: 0rpx;
|
|
|
|
top: 292rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn_4 {
|
|
|
|
right: 0rpx;
|
|
|
|
top: 388rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.scan_icon {
|
|
|
|
width: 40rpx;
|
|
|
|
height: 40rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.mt_down {
|
|
|
|
margin-bottom: 5rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.reward_btn {
|
|
|
|
width: 702rpx;
|
|
|
|
height: 250rpx;
|
|
|
|
position: absolute;
|
|
|
|
left: 50%;
|
|
|
|
/* bottom: 320rpx; */
|
|
|
|
top: 1188rpx;
|
|
|
|
transform: translateX(-50%);
|
|
|
|
background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/award_btn.png");
|
|
|
|
background-position: center;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
font-size: 40rpx;
|
|
|
|
color: #FFFFFF;
|
|
|
|
letter-spacing: 0;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 168rpx;
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
|
|
|
|
.reward_btn_none {
|
|
|
|
width: 702rpx;
|
|
|
|
height: 250rpx;
|
|
|
|
position: absolute;
|
|
|
|
left: 50%;
|
|
|
|
/* bottom: 320rpx; */
|
|
|
|
top: 1188rpx;
|
|
|
|
transform: translateX(-50%);
|
|
|
|
background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/award_btn_none.png");
|
|
|
|
background-position: center;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
font-size: 40rpx;
|
|
|
|
color: #FFFFFF;
|
|
|
|
letter-spacing: 0;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 168rpx;
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
|
|
|
|
.id_code {
|
|
|
|
position: absolute;
|
|
|
|
bottom: 112rpx;
|
|
|
|
text-align: center;
|
|
|
|
width: 100%;
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 30rpx;
|
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.id_mes {
|
|
|
|
position: absolute;
|
|
|
|
bottom: 52rpx;
|
|
|
|
text-align: center;
|
|
|
|
width: 100%;
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 28rpx;
|
|
|
|
color: rgba(255, 255, 255, 0.5);
|
|
|
|
}
|
|
|
|
|
|
|
|
.rule {
|
|
|
|
width: 100%;
|
|
|
|
height: 672rpx;
|
|
|
|
margin-top: 170rpx;
|
|
|
|
overflow-y: scroll;
|
|
|
|
width: 100%;
|
|
|
|
height: 672rpx;
|
|
|
|
margin-top: 170rpx;
|
|
|
|
overflow-y: scroll;
|
|
|
|
}
|
|
|
|
|
|
|
|
.icon-close{
|
|
|
|
bottom: -164px;
|
|
|
|
.icon-close {
|
|
|
|
bottom: -200px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.rule-title {
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 34rpx;
|
|
|
|
color: #10111A;
|
|
|
|
text-align: center;
|
|
|
|
margin-top: 20rpx;
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 34rpx;
|
|
|
|
color: #10111A;
|
|
|
|
text-align: center;
|
|
|
|
margin-top: 20rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.rule-content {
|
|
|
|
padding: 20rpx 48rpx 40rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.comMessBox{
|
|
|
|
width: 658rpx;
|
|
|
|
height: 636rpx;
|
|
|
|
background: #FFFFFF;
|
|
|
|
border-radius: 16rpx;
|
|
|
|
position: relative;
|
|
|
|
z-index: 100;
|
|
|
|
}
|
|
|
|
.height_little{
|
|
|
|
height: 438rpx;
|
|
|
|
}
|
|
|
|
.messBoxClose{
|
|
|
|
width: 60rpx;
|
|
|
|
height: 60rpx;
|
|
|
|
position: absolute;
|
|
|
|
bottom: -124rpx;
|
|
|
|
left: 288rpx;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: top;
|
|
|
|
background-size: 100%;
|
|
|
|
background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/dahaoda/close.png");
|
|
|
|
}
|
|
|
|
.messTitle{
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 34rpx;
|
|
|
|
color: #333333;
|
|
|
|
margin: 60rpx auto 36rpx;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.formBox{
|
|
|
|
padding: 0 40rpx;
|
|
|
|
}
|
|
|
|
.red{
|
|
|
|
color: #d04714;
|
|
|
|
margin-right: 10rpx;
|
|
|
|
}
|
|
|
|
.inputDesc{
|
|
|
|
display: inline-block;
|
|
|
|
min-width: 180rpx;
|
|
|
|
/* border: 1px solid red; */
|
|
|
|
}
|
|
|
|
.inputModel{
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
/* border-bottom: 1px solid #eaeaea; */
|
|
|
|
height: 96rpx;
|
|
|
|
font-size: 34rpx;
|
|
|
|
line-height: 96rpx;
|
|
|
|
margin-top: 10rpx;
|
|
|
|
color: #333;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.phone{
|
|
|
|
border-radius: 8rpx;
|
|
|
|
line-height: 48rpx;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 34rpx;
|
|
|
|
color: #004487;
|
|
|
|
position: absolute;
|
|
|
|
top: center;
|
|
|
|
left: 190rpx;
|
|
|
|
z-index: 99;
|
|
|
|
background-color: #fff;
|
|
|
|
width: 160rpx;
|
|
|
|
height: 54rpx;
|
|
|
|
border: 2rpx solid #004487;
|
|
|
|
}
|
|
|
|
.phoneTwo{
|
|
|
|
width: 160rpx;
|
|
|
|
height: 48rpx;
|
|
|
|
border: 2rpx solid #004487;
|
|
|
|
border-radius: 8rpx;
|
|
|
|
line-height: 48rpx;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 34rpx;
|
|
|
|
color: #004487;
|
|
|
|
position: absolute;
|
|
|
|
top: center;
|
|
|
|
right: 0rpx;
|
|
|
|
z-index: 99;
|
|
|
|
background-color: #fff;
|
|
|
|
}
|
|
|
|
.item-input{
|
|
|
|
/* border: 1px solid red; */
|
|
|
|
}
|
|
|
|
.placeholderText{
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 34rpx;
|
|
|
|
color: #C8C8CF;
|
|
|
|
}
|
|
|
|
.local{
|
|
|
|
position: absolute;
|
|
|
|
right: 30rpx;
|
|
|
|
top: center;
|
|
|
|
width: 48rpx;
|
|
|
|
height: 48rpx;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: top;
|
|
|
|
background-size: 100%;
|
|
|
|
background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/Estore_2.0/wpp/wanzimatou/localRed.png");
|
|
|
|
z-index: 99;
|
|
|
|
}
|
|
|
|
.inputSelf{
|
|
|
|
height: 60rpx;
|
|
|
|
border-bottom: 1px solid #ededed;
|
|
|
|
margin-left: -15rpx;
|
|
|
|
}
|
|
|
|
.addInput{
|
|
|
|
width: 280rpx;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow:ellipsis;
|
|
|
|
white-space: nowrap;
|
|
|
|
/* border:1px solid red; */
|
|
|
|
}
|
|
|
|
.btn_box{
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
align-items: center;
|
|
|
|
padding: 0 20rpx;
|
|
|
|
margin-top: 48rpx;
|
|
|
|
}
|
|
|
|
.cancelBtn{
|
|
|
|
width: 228rpx;
|
|
|
|
height: 72rpx;
|
|
|
|
background: #FFFFFF;
|
|
|
|
border: 2rpx solid #004487;
|
|
|
|
border-radius: 49rpx;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 72rpx;
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 30rpx;
|
|
|
|
color: #004487;
|
|
|
|
}
|
|
|
|
.submitButtonS{
|
|
|
|
width: 228rpx;
|
|
|
|
height: 72rpx;
|
|
|
|
background: #004487;
|
|
|
|
border-radius: 49rpx;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 72rpx;
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 30rpx;
|
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
.submitButton{
|
|
|
|
width: 228rpx;
|
|
|
|
height: 72rpx;
|
|
|
|
background: #b3c7db;
|
|
|
|
border-radius: 49rpx;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 72rpx;
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 30rpx;
|
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
.receive_poup{
|
|
|
|
width: 602rpx;
|
|
|
|
height: 600rpx;
|
|
|
|
/* background-image: linear-gradient(202deg, #FFACAC 0%, #FFFFFF 71%); */
|
|
|
|
background-color: #fff;
|
|
|
|
border-radius: 40rpx;
|
|
|
|
margin-top: -160rpx;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.success_icon{
|
|
|
|
width: 100rpx;
|
|
|
|
height: 100rpx;
|
|
|
|
margin: 112rpx auto 0;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
.receive_text{
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 34rpx;
|
|
|
|
color: #333333;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.coninue_scan{
|
|
|
|
width: 434rpx;
|
|
|
|
height: 94rpx;
|
|
|
|
background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/c_scan.png");
|
|
|
|
background-position: center;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 94rpx;
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 40rpx;
|
|
|
|
color: #FFFFFF;
|
|
|
|
margin: 66rpx auto 0;
|
|
|
|
}
|
|
|
|
.close_poup{
|
|
|
|
width: 60rpx;
|
|
|
|
height: 60rpx;
|
|
|
|
position: absolute;
|
|
|
|
bottom: -120rpx;
|
|
|
|
left: 50%;
|
|
|
|
transform: translateX(-50%);
|
|
|
|
right: 0;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: top;
|
|
|
|
background-size: 100%;
|
|
|
|
background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/dahaoda/close.png");
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.redpack_poup{
|
|
|
|
width: 704rpx;
|
|
|
|
height: 952rpx;
|
|
|
|
margin-top: -100rpx;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: center;
|
|
|
|
background-size: 100%;
|
|
|
|
background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/red_bg.png");
|
|
|
|
position: relative;
|
|
|
|
z-index: 10;
|
|
|
|
}
|
|
|
|
.red_amount{
|
|
|
|
position: absolute;
|
|
|
|
top: 280rpx;
|
|
|
|
left: 50%;
|
|
|
|
transform: translateX(-50%);
|
|
|
|
text-align: center;
|
|
|
|
font-weight: 600;
|
|
|
|
font-family: amount;
|
|
|
|
font-size: 120rpx;
|
|
|
|
color: #FC0000;
|
|
|
|
letter-spacing: 0;
|
|
|
|
}
|
|
|
|
.red_text{
|
|
|
|
position: absolute;
|
|
|
|
top: 462rpx;
|
|
|
|
left: 50%;
|
|
|
|
transform: translateX(-50%);
|
|
|
|
font-weight: 600;
|
|
|
|
font-size: 40rpx;
|
|
|
|
color: #E71819;
|
|
|
|
text-align: center;
|
|
|
|
|
|
|
|
}
|
|
|
|
.red_btn{
|
|
|
|
position: absolute;
|
|
|
|
left: 50%;
|
|
|
|
transform: translateX(-50%);
|
|
|
|
bottom: 160rpx;
|
|
|
|
width: 408rpx;
|
|
|
|
height: 94rpx;
|
|
|
|
}
|
|
|
|
.red_close_poup{
|
|
|
|
width: 60rpx;
|
|
|
|
height: 60rpx;
|
|
|
|
position: absolute;
|
|
|
|
bottom: -28rpx;
|
|
|
|
right: 50%;
|
|
|
|
transform: translateX(50%);
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: top;
|
|
|
|
background-size: 100%;
|
|
|
|
background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/dahaoda/close.png");
|
|
|
|
}
|
|
|
|
|
|
|
|
.secondRedpack_poup{
|
|
|
|
margin-top: -120rpx;
|
|
|
|
width: 658rpx;
|
|
|
|
height: 712rpx;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: center;
|
|
|
|
background-size: 100%;
|
|
|
|
/* background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/second_bg1.png"); */
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.secondRed_amount{
|
|
|
|
width: 594rpx;
|
|
|
|
height: 256rpx;
|
|
|
|
position: absolute;
|
|
|
|
transform: translateX(-50%);
|
|
|
|
left: 50%;
|
|
|
|
top: 266rpx;
|
|
|
|
}
|
|
|
|
.secondRed_btn{
|
|
|
|
width: 434rpx;
|
|
|
|
height: 94rpx;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: center;
|
|
|
|
background-size: 100%;
|
|
|
|
background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/sencond_btn.png");
|
|
|
|
position: absolute;
|
|
|
|
transform: translateX(-50%);
|
|
|
|
left: 50%;
|
|
|
|
bottom: 46rpx;
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 40rpx;
|
|
|
|
color: #AA5500;
|
|
|
|
letter-spacing: 0;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 94rpx;
|
|
|
|
}
|
|
|
|
.secondRed_close_poup{
|
|
|
|
width: 60rpx;
|
|
|
|
height: 60rpx;
|
|
|
|
position: absolute;
|
|
|
|
transform: translateX(-50%);
|
|
|
|
left: 50%;
|
|
|
|
bottom: -110rpx;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: top;
|
|
|
|
background-size: 100%;
|
|
|
|
background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/dahaoda/close.png");
|
|
|
|
padding: 20rpx 48rpx 40rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.comMessBox {
|
|
|
|
width: 658rpx;
|
|
|
|
height: 636rpx;
|
|
|
|
background: #FFFFFF;
|
|
|
|
border-radius: 16rpx;
|
|
|
|
position: relative;
|
|
|
|
z-index: 100;
|
|
|
|
}
|
|
|
|
|
|
|
|
.height_little {
|
|
|
|
height: 438rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.messBoxClose {
|
|
|
|
width: 60rpx;
|
|
|
|
height: 60rpx;
|
|
|
|
position: absolute;
|
|
|
|
bottom: -124rpx;
|
|
|
|
left: 288rpx;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: top;
|
|
|
|
background-size: 100%;
|
|
|
|
background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/dahaoda/close.png");
|
|
|
|
}
|
|
|
|
|
|
|
|
.messTitle {
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 34rpx;
|
|
|
|
color: #333333;
|
|
|
|
margin: 60rpx auto 36rpx;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.formBox {
|
|
|
|
padding: 0 40rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.red {
|
|
|
|
color: #d04714;
|
|
|
|
margin-right: 10rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.inputDesc {
|
|
|
|
display: inline-block;
|
|
|
|
min-width: 180rpx;
|
|
|
|
/* border: 1px solid red; */
|
|
|
|
}
|
|
|
|
|
|
|
|
.inputModel {
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
/* border-bottom: 1px solid #eaeaea; */
|
|
|
|
height: 96rpx;
|
|
|
|
font-size: 34rpx;
|
|
|
|
line-height: 96rpx;
|
|
|
|
margin-top: 10rpx;
|
|
|
|
color: #333;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.phone {
|
|
|
|
border-radius: 8rpx;
|
|
|
|
line-height: 48rpx;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 34rpx;
|
|
|
|
color: #004487;
|
|
|
|
position: absolute;
|
|
|
|
top: center;
|
|
|
|
left: 190rpx;
|
|
|
|
z-index: 99;
|
|
|
|
background-color: #fff;
|
|
|
|
width: 160rpx;
|
|
|
|
height: 54rpx;
|
|
|
|
border: 2rpx solid #004487;
|
|
|
|
}
|
|
|
|
|
|
|
|
.phoneTwo {
|
|
|
|
width: 160rpx;
|
|
|
|
height: 48rpx;
|
|
|
|
border: 2rpx solid #004487;
|
|
|
|
border-radius: 8rpx;
|
|
|
|
line-height: 48rpx;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 34rpx;
|
|
|
|
color: #004487;
|
|
|
|
position: absolute;
|
|
|
|
top: center;
|
|
|
|
right: 0rpx;
|
|
|
|
z-index: 99;
|
|
|
|
background-color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.item-input {
|
|
|
|
/* border: 1px solid red; */
|
|
|
|
}
|
|
|
|
|
|
|
|
.placeholderText {
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 34rpx;
|
|
|
|
color: #C8C8CF;
|
|
|
|
}
|
|
|
|
|
|
|
|
.local {
|
|
|
|
position: absolute;
|
|
|
|
right: 30rpx;
|
|
|
|
top: center;
|
|
|
|
width: 48rpx;
|
|
|
|
height: 48rpx;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: top;
|
|
|
|
background-size: 100%;
|
|
|
|
background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/Estore_2.0/wpp/wanzimatou/localRed.png");
|
|
|
|
z-index: 99;
|
|
|
|
}
|
|
|
|
|
|
|
|
.inputSelf {
|
|
|
|
height: 60rpx;
|
|
|
|
border-bottom: 1px solid #ededed;
|
|
|
|
margin-left: -15rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.addInput {
|
|
|
|
width: 280rpx;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
white-space: nowrap;
|
|
|
|
/* border:1px solid red; */
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn_box {
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
align-items: center;
|
|
|
|
padding: 0 20rpx;
|
|
|
|
margin-top: 48rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.cancelBtn {
|
|
|
|
width: 228rpx;
|
|
|
|
height: 72rpx;
|
|
|
|
background: #FFFFFF;
|
|
|
|
border: 2rpx solid #004487;
|
|
|
|
border-radius: 49rpx;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 72rpx;
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 30rpx;
|
|
|
|
color: #004487;
|
|
|
|
}
|
|
|
|
|
|
|
|
.submitButtonS {
|
|
|
|
width: 228rpx;
|
|
|
|
height: 72rpx;
|
|
|
|
background: #004487;
|
|
|
|
border-radius: 49rpx;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 72rpx;
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 30rpx;
|
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
.submitButton {
|
|
|
|
width: 228rpx;
|
|
|
|
height: 72rpx;
|
|
|
|
background: #b3c7db;
|
|
|
|
border-radius: 49rpx;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 72rpx;
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 30rpx;
|
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
.receive_poup {
|
|
|
|
/* width: 602rpx; */
|
|
|
|
/* height: 600rpx; */
|
|
|
|
width: 80%;
|
|
|
|
height: 50%;
|
|
|
|
/* background-image: linear-gradient(202deg, #FFACAC 0%, #FFFFFF 71%); */
|
|
|
|
/* background-color: #fff; */
|
|
|
|
border-radius: 40rpx;
|
|
|
|
margin-top: -160rpx;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.receive_poup_content{
|
|
|
|
position: absolute;
|
|
|
|
top: 10%;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.success_icon {
|
|
|
|
width: 100rpx;
|
|
|
|
height: 100rpx;
|
|
|
|
margin: 112rpx auto 0;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.receive_text {
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 34rpx;
|
|
|
|
color: #333333;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.textTip{
|
|
|
|
color: #D96531;
|
|
|
|
}
|
|
|
|
.coninue_scan {
|
|
|
|
width: 434rpx;
|
|
|
|
height: 94rpx;
|
|
|
|
background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/c_scan.png");
|
|
|
|
background-position: center;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 10%;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 94rpx;
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 40rpx;
|
|
|
|
color: #FFFFFF;
|
|
|
|
margin: 66rpx auto 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.close_poup {
|
|
|
|
width: 60rpx;
|
|
|
|
height: 60rpx;
|
|
|
|
position: absolute;
|
|
|
|
bottom: -120rpx;
|
|
|
|
left: 50%;
|
|
|
|
transform: translateX(-50%);
|
|
|
|
right: 0;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: top;
|
|
|
|
background-size: 100%;
|
|
|
|
background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/dahaoda/close.png");
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.redpack_poup {
|
|
|
|
width: 704rpx;
|
|
|
|
height: 952rpx;
|
|
|
|
margin-top: -100rpx;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: center;
|
|
|
|
background-size: 100%;
|
|
|
|
/* background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/red_bg.png"); */
|
|
|
|
position: relative;
|
|
|
|
z-index: 10;
|
|
|
|
}
|
|
|
|
|
|
|
|
.red_amount {
|
|
|
|
position: absolute;
|
|
|
|
top: 280rpx;
|
|
|
|
left: 50%;
|
|
|
|
transform: translateX(-50%);
|
|
|
|
text-align: center;
|
|
|
|
font-weight: 600;
|
|
|
|
font-family: amount;
|
|
|
|
font-size: 120rpx;
|
|
|
|
color: #FC0000;
|
|
|
|
letter-spacing: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.red_text {
|
|
|
|
position: absolute;
|
|
|
|
top: 462rpx;
|
|
|
|
left: 50%;
|
|
|
|
transform: translateX(-50%);
|
|
|
|
font-weight: 600;
|
|
|
|
font-size: 40rpx;
|
|
|
|
color: #E71819;
|
|
|
|
text-align: center;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.red_btn {
|
|
|
|
position: absolute;
|
|
|
|
left: 50%;
|
|
|
|
transform: translateX(-50%);
|
|
|
|
bottom: 160rpx;
|
|
|
|
width: 408rpx;
|
|
|
|
height: 94rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.red_close_poup {
|
|
|
|
width: 60rpx;
|
|
|
|
height: 60rpx;
|
|
|
|
position: absolute;
|
|
|
|
bottom: -28rpx;
|
|
|
|
right: 50%;
|
|
|
|
transform: translateX(50%);
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: top;
|
|
|
|
background-size: 100%;
|
|
|
|
background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/dahaoda/close.png");
|
|
|
|
}
|
|
|
|
|
|
|
|
.secondRedpack_poup {
|
|
|
|
margin-top: -120rpx;
|
|
|
|
width: 658rpx;
|
|
|
|
height: 712rpx;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: center;
|
|
|
|
background-size: 100%;
|
|
|
|
/* background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/second_bg1.png"); */
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.secondRedPackContent {
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
top: 12%;
|
|
|
|
bottom: 0;
|
|
|
|
margin: auto;
|
|
|
|
text-align: center;
|
|
|
|
position: absolute;
|
|
|
|
}
|
|
|
|
|
|
|
|
.packPrice {
|
|
|
|
font-size: 80rpx;
|
|
|
|
color: #F90000;
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
.packTips {
|
|
|
|
font-size: 50rpx;
|
|
|
|
color: #F90000;
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
.time2 {
|
|
|
|
margin-top: 5%;
|
|
|
|
/* transform: translateY(5%); */
|
|
|
|
color: #A8A7A7;
|
|
|
|
}
|
|
|
|
|
|
|
|
.secondRed_amount {
|
|
|
|
width: 594rpx;
|
|
|
|
height: 256rpx;
|
|
|
|
position: absolute;
|
|
|
|
transform: translateX(-50%);
|
|
|
|
left: 50%;
|
|
|
|
top: 266rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.secondRed_btn_box {
|
|
|
|
position: absolute;
|
|
|
|
bottom: 10%;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
align-items: center;
|
|
|
|
color: #fff;
|
|
|
|
margin: auto
|
|
|
|
}
|
|
|
|
|
|
|
|
.secondRed_btn {
|
|
|
|
width: 434rpx;
|
|
|
|
height: 94rpx;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: center;
|
|
|
|
background-size: 100%;
|
|
|
|
background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/sencond_btn.png");
|
|
|
|
/* position: absolute; */
|
|
|
|
/* transform: translateX(-50%); */
|
|
|
|
/* left: 50%; */
|
|
|
|
/* bottom: 46rpx; */
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 40rpx;
|
|
|
|
color: #AA5500;
|
|
|
|
letter-spacing: 0;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 94rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.secondRed_close_poup {
|
|
|
|
width: 60rpx;
|
|
|
|
height: 60rpx;
|
|
|
|
position: absolute;
|
|
|
|
transform: translateX(-50%);
|
|
|
|
left: 50%;
|
|
|
|
bottom: -110rpx;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: top;
|
|
|
|
background-size: 100%;
|
|
|
|
background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/dahaoda/close.png");
|
|
|
|
} |
|
|
\ No newline at end of file |
...
|
...
|
|
