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.
528 lines
10 KiB
528 lines
10 KiB
page {
|
|
height: 100%;
|
|
background-color: #f7f7f7 !important;
|
|
}
|
|
.header_bg {
|
|
width: 100%;
|
|
height: 320rpx;
|
|
background-size: 100% 320rpx;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.checkHx {
|
|
z-index: 2;
|
|
position: relative;
|
|
bottom: 65rpx;
|
|
left: 250rpx;
|
|
width: 80rpx;
|
|
height: 88rpx;
|
|
-webkit-transform: rotate(15deg);
|
|
transform: rotate(15deg);
|
|
background-color: #ffffff;
|
|
border-top-left-radius: 14rpx;
|
|
}
|
|
.Ps {
|
|
z-index: 1;
|
|
position: relative;
|
|
bottom: 64rpx;
|
|
left: 260rpx;
|
|
width: 80rpx;
|
|
height: 88rpx;
|
|
background: #ffe8e8;
|
|
}
|
|
.Hx {
|
|
z-index: 1;
|
|
position: relative;
|
|
bottom: 64rpx;
|
|
left: 260rpx;
|
|
width: 80rpx;
|
|
height: 88rpx;
|
|
background: #ffe8e8;
|
|
}
|
|
.checkPs {
|
|
z-index: 2;
|
|
position: relative;
|
|
bottom: 65rpx;
|
|
left: 276rpx;
|
|
width: 80rpx;
|
|
height: 88rpx;
|
|
-webkit-transform: rotate(-15deg);
|
|
transform: rotate(-15deg);
|
|
background-color: #ffffff;
|
|
border-top-right-radius: 14rpx;
|
|
}
|
|
.check-right-radius {
|
|
border-top-right-radius: 10rpx;
|
|
}
|
|
.check-left-radius {
|
|
border-top-left-radius: 10rpx;
|
|
}
|
|
.checkOrderTypeButton {
|
|
height: 71rpx;
|
|
overflow: hidden;
|
|
}
|
|
.checkOrderTypeButton > view:nth-child(1) {
|
|
margin-top: 10rpx;
|
|
border-radius: 10rpx 0 0 0;
|
|
}
|
|
.checkOrderTypeButton > view:nth-child(2) {
|
|
border-radius: 0 10rpx 0 0;
|
|
margin-left: 32rpx;
|
|
}
|
|
.checkOrderTypeButton > view {
|
|
display: inline-block;
|
|
vertical-align: bottom;
|
|
}
|
|
.nCheck {
|
|
vertical-align: bottom;
|
|
width: 316rpx;
|
|
height: 64rpx;
|
|
background: #ffe8e8;
|
|
text-align: center;
|
|
}
|
|
.nCheck > ._span {
|
|
line-height: 64rpx;
|
|
font-size: 24rpx;
|
|
color: #333333;
|
|
}
|
|
.ncheck1 {
|
|
margin-top: 10rpx;
|
|
}
|
|
.checkOne {
|
|
margin-left: 8rpx;
|
|
}
|
|
.check {
|
|
text-align: center;
|
|
vertical-align: bottom;
|
|
width: 334rpx;
|
|
height: 71rpx;
|
|
background: #ffffff;
|
|
}
|
|
.check > ._span {
|
|
line-height: 71rpx;
|
|
font-size: 28rpx;
|
|
font-weight: bold;
|
|
color: #333333;
|
|
}
|
|
.checkReceivingAdress {
|
|
width: 690rpx;
|
|
background: #ffffff;
|
|
}
|
|
.checkOrderType {
|
|
margin: 20rpx auto 0 auto;
|
|
width: 690rpx;
|
|
border-radius: 10rpx;
|
|
}
|
|
.full {
|
|
width: 750rpx;
|
|
height: 118rpx;
|
|
}
|
|
.submitOrder {
|
|
font-size: 0;
|
|
margin-top: -40%;
|
|
}
|
|
.orderDetails {
|
|
width: 690rpx;
|
|
background: #ffffff;
|
|
border-radius: 10rpx;
|
|
margin: 20rpx auto 0 auto;
|
|
}
|
|
.orderDetailsImg {
|
|
width: 130rpx;
|
|
height: 130rpx;
|
|
}
|
|
.orderDetailsImg > image {
|
|
width: 130rpx;
|
|
height: 130rpx;
|
|
}
|
|
.orderDetailsPackage {
|
|
padding: 30rpx;
|
|
}
|
|
.orderDetailsPackage > view {
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
}
|
|
.orderDetailsInfo {
|
|
margin-left: 20rpx;
|
|
}
|
|
.orderInfoTitle > ._span {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
display: inline-block;
|
|
width: 453rpx;
|
|
font-size: 28rpx;
|
|
color: #333333;
|
|
}
|
|
.orderInfoBody {
|
|
margin-top: 10rpx;
|
|
}
|
|
.orderInfoBody > ._span {
|
|
font-size: 24rpx;
|
|
width: 453rpx;
|
|
display: inline-block;
|
|
color: #999999;
|
|
}
|
|
.orderInfoFoot {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-top: 15rpx;
|
|
}
|
|
.orderInfoFoot > ._span:nth-child(1) {
|
|
display: inline-block;
|
|
vertical-align: bottom;
|
|
font-size: 28rpx;
|
|
font-weight: bold;
|
|
color: #ff4444;
|
|
}
|
|
.orderInfoFoot > ._span:nth-child(2) {
|
|
display: inline-block;
|
|
vertical-align: bottom;
|
|
font-size: 24rpx;
|
|
color: #999999;
|
|
}
|
|
.paymentInfo {
|
|
margin: 20rpx auto 0 auto;
|
|
width: 690rpx;
|
|
background: #ffffff;
|
|
border-radius: 10rpx;
|
|
}
|
|
.paymentInfoPackage {
|
|
padding: 30rpx;
|
|
}
|
|
.paymentInfoPackage > view:nth-child(1) {
|
|
margin-top: 0;
|
|
}
|
|
.paymentInfoPackage > view {
|
|
margin-top: 30rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.paymentInfoPackage > view > text {
|
|
vertical-align: middle;
|
|
}
|
|
.paymentInfoPackage > view > text:nth-child(1) {
|
|
font-size: 24rpx;
|
|
color: #333333;
|
|
}
|
|
.paymentInfoPackage > view > text:nth-child(2) {
|
|
font-size: 24rpx;
|
|
font-weight: bold;
|
|
color: #333333;
|
|
}
|
|
.checkUserInfo {
|
|
width: 690rpx;
|
|
background: #ffffff;
|
|
}
|
|
.userInfo {
|
|
margin: 20rpx auto 0 auto;
|
|
width: 690rpx;
|
|
background: #ffffff;
|
|
border-radius: 10rpx;
|
|
}
|
|
.userInfoPackage {
|
|
padding: 0 30rpx;
|
|
}
|
|
.userInfoPackage > view {
|
|
border-bottom: 1px solid #eeeeee;
|
|
}
|
|
.userInfoPackage > view:last-child {
|
|
border: none;
|
|
}
|
|
.userInfoPackage .inops {
|
|
margin-left: 40rpx;
|
|
display: inline-block;
|
|
width: 350rpx;
|
|
height: 82rpx;
|
|
color: #333333;
|
|
font-size: 24rpx;
|
|
vertical-align: middle;
|
|
}
|
|
.userInfoPackage > view > ._span {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: 200rpx;
|
|
font-size: 24rpx;
|
|
line-height: 80rpx;
|
|
color: #333333;
|
|
}
|
|
.userInfoPackage > view > input {
|
|
margin-left: 40rpx;
|
|
display: inline-block;
|
|
width: 350rpx;
|
|
height: 82rpx;
|
|
color: #333333;
|
|
font-size: 24rpx;
|
|
vertical-align: middle;
|
|
}
|
|
.userInfoPackage > view .userInput {
|
|
margin-left: 40rpx;
|
|
display: inline-block;
|
|
width: 350rpx;
|
|
height: 82rpx;
|
|
color: #333333;
|
|
font-size: 24rpx;
|
|
vertical-align: middle;
|
|
}
|
|
input::-webkit-input-placeholder {
|
|
color: #999999;
|
|
}
|
|
input::placeholder {
|
|
color: #999999;
|
|
}
|
|
.messageSave {
|
|
margin: 20rpx auto 0 auto;
|
|
width: 690rpx;
|
|
background: #ffffff;
|
|
border-radius: 10rpx;
|
|
}
|
|
.messageSavePackage {
|
|
padding: 30rpx;
|
|
}
|
|
.messageSavePackage > input {
|
|
padding-left: 30rpx;
|
|
height: 77rpx;
|
|
background: #f8f8f8;
|
|
border-radius: 10rpx;
|
|
font-size: 24rpx;
|
|
color: #333333;
|
|
}
|
|
.navButtom {
|
|
position: fixed;
|
|
bottom: 0;
|
|
width: 750rpx;
|
|
height: 98rpx;
|
|
background: #ffffff;
|
|
border: 1rpx solid rgba(238, 238, 238, 0.67);
|
|
z-index: 2;
|
|
}
|
|
.navButtomLeft {
|
|
display: inline-block;
|
|
width: 515rpx;
|
|
}
|
|
.navButtomLeftPackage {
|
|
padding: 30rpx;
|
|
height: 40rpx;
|
|
line-height: 40rpx;
|
|
}
|
|
.navButtomLeftPackage > ._span:nth-child(2) {
|
|
color: #ff4444;
|
|
}
|
|
.navButtomLeftPackage > ._span {
|
|
font-size: 24rpx;
|
|
font-weight: bold;
|
|
color: #333333;
|
|
}
|
|
.submitButton {
|
|
display: inline-block;
|
|
width: 235rpx;
|
|
height: 100rpx;
|
|
background: #ff4444;
|
|
text-align: center;
|
|
line-height: 100rpx;
|
|
}
|
|
.submitButton > ._span {
|
|
line-height: 98rpx;
|
|
font-size: 28rpx;
|
|
font-weight: bold;
|
|
color: #ffffff;
|
|
}
|
|
.submitButton > button {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
opacity: 0;
|
|
}
|
|
.receivingAdress {
|
|
margin: 20rpx auto 0 auto;
|
|
width: 690rpx;
|
|
background: #ffffff;
|
|
border-radius: 10rpx;
|
|
}
|
|
.receiptDetailsFoot {
|
|
background: repeating-linear-gradient(-45deg, white, white 5%, #ff4444 5%, #ff4444 10%, white 10%, white 15%, #52a7f8 15%, #52a7f8 20%);
|
|
width: 690rpx;
|
|
height: 6rpx;
|
|
border-radius: 10rpx;
|
|
}
|
|
.receivingAdressPackage {
|
|
padding: 30rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.receivingAdressPackage > view {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.receivingAdressRight {
|
|
font-size: 28rpx;
|
|
}
|
|
.receivingAdressTitle > view {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: 62rpx;
|
|
height: 35rpx;
|
|
background: #ff4444;
|
|
border-radius: 4rpx;
|
|
text-align: center;
|
|
}
|
|
.receivingAdressTitle > view > ._span {
|
|
line-height: 35rpx;
|
|
font-size: 14rpx;
|
|
color: #ffffff;
|
|
}
|
|
.receivingAdressTitle > ._span {
|
|
margin-left: 10rpx;
|
|
vertical-align: middle;
|
|
font-size: 24rpx;
|
|
color: #333333;
|
|
}
|
|
.receivingAdressBody {
|
|
margin-top: 10rpx;
|
|
}
|
|
.receivingAdressBody > ._span {
|
|
font-size: 32rpx;
|
|
font-weight: bold;
|
|
color: #333333;
|
|
}
|
|
.receivingAdressFoot {
|
|
margin-top: 10rpx;
|
|
}
|
|
.receivingAdressFoot > ._span:nth-child(2) {
|
|
margin-left: 10rpx;
|
|
}
|
|
.receivingAdressFoot > ._span {
|
|
font-size: 24rpx;
|
|
color: #333333;
|
|
}
|
|
.firstCanvas {
|
|
width: 345rpx;
|
|
height: 71rpx;
|
|
background: white;
|
|
}
|
|
.integralInfo {
|
|
margin: 20rpx auto 0 auto;
|
|
width: 690rpx;
|
|
background: #ffffff;
|
|
border-radius: 10rpx;
|
|
}
|
|
.integralInfoPackage {
|
|
padding: 30rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.integralInfoPackage > view:nth-child(1) > ._span {
|
|
line-height: 40rpx;
|
|
font-size: 24rpx;
|
|
color: #333333;
|
|
}
|
|
.integralInfoPackage > view {
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
}
|
|
.switch {
|
|
width: 80rpx;
|
|
height: 40rpx;
|
|
border-radius: 20rpx;
|
|
}
|
|
.switch .isswitchClose {
|
|
background: #dddddd;
|
|
}
|
|
.switch .isswitchOn {
|
|
background: #ff4444;
|
|
}
|
|
.switch > view {
|
|
padding: 6rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.switch > view > view {
|
|
width: 28rpx;
|
|
height: 28rpx;
|
|
box-shadow: 0rpx 2rpx 6rpx 0rpx rgba(255, 68, 68, 0.35);
|
|
border-radius: 50%;
|
|
}
|
|
.member {
|
|
overflow: hidden;
|
|
margin: 20rpx 30rpx 0;
|
|
}
|
|
.member-header .header-left {
|
|
padding: 0 20rpx;
|
|
height: 44rpx;
|
|
background-size: 160rpx, 44rpx;
|
|
background-color: #36384d;
|
|
max-width: 40%;
|
|
}
|
|
.header-left .left-member-logo {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAllBMVEUAAAD93Dv+3Dz93Dz93Dz+3Tz93Dv/3Tn93Dv93Tr/3Tn93Dv83Dv93Dv93Tv83Dr82zr93Tz+3Dz+3Dz93Dz93Dv+3Dv93Dz93Dz83Dv72zr/3Dr93Tn93Tf83TX93Dv+3Dz92zv83Dr/3jz/6C7/0S7/3jj83Dz+3Tz93Dv93Dv93Dz92zz93Dz93Dv/2zr/2jz93DzCovTLAAAAMXRSTlMAfuOJ5/BkHPpWFum/pJ1bR+ba0crEuat7TUAvKiAQ9tZqYDULCwe0s5eSg3JubCMirPs29wAAANlJREFUKM/N0FduwzAQBNCRbDb1ZqtG7k4ve//LBQIhMZLAfAZ5P+QsCHAx+Dt3Fd9gtyfaweqLuKIONjdW7A49rGIiDivhHvP0YTVN9Nkf/U/hZp5OzfiuonIY3QvWAh3LrwC8kJzpR+nHwJNshnQ5BIDaymmLC9V7CiNSOtbDPUiogdbLEzijD0DjxE44kzdm9xkQNSaJADa+6TLAyqNp98XHShZh1L5i6Srf8YuWEhP4Zq6Doh/lMubOnOEwGEGJhbKAEWVYyEMYb5RuZ1JyYHiVs1AJ/HPfuCkPAKRs+tsAAAAASUVORK5CYII=);
|
|
background-size: 30rpx 30rpx;
|
|
background-repeat: no-repeat;
|
|
margin-right: 10rpx;
|
|
}
|
|
.member-header .header-right {
|
|
width: 376rpx;
|
|
height: 44rpx;
|
|
line-height: 44rpx;
|
|
background: linear-gradient(90deg, #ffdf4e, #fcda31);
|
|
border-radius: 0 0 20rpx 0;
|
|
}
|
|
.header-left .left-member-title {
|
|
color: #fcda31;
|
|
}
|
|
.member-header .header-right text {
|
|
color: #f04c4c;
|
|
}
|
|
.member-nowprice {
|
|
color: #f04c4c;
|
|
}
|
|
.member-list .member-list-items {
|
|
position: relative;
|
|
padding: 20rpx 110rpx 20rpx 30rpx;
|
|
/* border-bottom: 1px solid #EEEEEE; */
|
|
}
|
|
.member-list .member-list-items .select-logo {
|
|
position: absolute;
|
|
right: 30rpx;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
.member-list .member-list-items .select-logo image {
|
|
width: 36rpx;
|
|
height: 36rpx;
|
|
}
|
|
.redPacketIcon {
|
|
font-size: 24rpx;
|
|
}
|
|
.dynamiccheck {
|
|
padding: 0 30rpx;
|
|
font-size: 20rpx;
|
|
border-radius: 10rpx;
|
|
border: 1rpx solid #ff4444;
|
|
color: #ffffff;
|
|
background-color: #ff4444;
|
|
height: 50rpx;
|
|
line-height: 50rpx;
|
|
margin-right: 10rpx;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
.dynamicnocheck {
|
|
padding: 0 30rpx;
|
|
font-size: 20rpx;
|
|
border-radius: 10rpx;
|
|
border: 1rpx solid #ff4444;
|
|
color: #ff4444;
|
|
height: 50rpx;
|
|
line-height: 50rpx;
|
|
margin-right: 10rpx;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
|
|
page{
|
|
height: 100vh;
|
|
}
|
|
|
|
|