page { height: 100%; background-color: #f7f7f7 !important; } .noloche.data-v-4ea17651 { width: 33.3333%; text-align: center; color: #FFFFFF; height: 60rpx; border: 2rpx solid #ffffff; border-radius: 15rpx; box-sizing: border-box; } .noloche > ._span.data-v-4ea17651 { font-size: 26rpx; line-height: 60rpx; } .loche.data-v-4ea17651 { width: 33.3333%; color: #FF4444; text-align: center; height: 60rpx; border-radius: 15rpx; background-color: #FFFFFF; } .loche > ._span.data-v-4ea17651 { font-size: 26rpx; line-height: 60rpx; } .header_bg.data-v-4ea17651 { width: 100%; height: 320rpx; background-size: 100% 320rpx; background-repeat: no-repeat; } .checkHx.data-v-4ea17651 { 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.data-v-4ea17651 { z-index: 1; position: relative; bottom: 64rpx; left: 260rpx; width: 80rpx; height: 88rpx; background: #ffe8e8; } .Hx.data-v-4ea17651 { z-index: 1; position: relative; bottom: 64rpx; left: 260rpx; width: 80rpx; height: 88rpx; background: #ffe8e8; } .checkPs.data-v-4ea17651 { 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.data-v-4ea17651 { border-top-right-radius: 10rpx; } .check-left-radius.data-v-4ea17651 { border-top-left-radius: 10rpx; } .checkOrderTypeButton.data-v-4ea17651 { height: 71rpx; overflow: hidden; } .checkOrderTypeButton > view.data-v-4ea17651:nth-child(1) { margin-top: 10rpx; border-radius: 10rpx 0 0 0; } .checkOrderTypeButton > view.data-v-4ea17651:nth-child(2) { border-radius: 0 10rpx 0 0; margin-left: 32rpx; } .checkOrderTypeButton > view.data-v-4ea17651 { display: inline-block; vertical-align: bottom; } .nCheck.data-v-4ea17651 { vertical-align: bottom; width: 316rpx; height: 64rpx; background: #ffe8e8; text-align: center; } .nCheck > ._span.data-v-4ea17651 { line-height: 64rpx; font-size: 24rpx; color: #333333; } .ncheck1.data-v-4ea17651 { margin-top: 10rpx; } .checkOne.data-v-4ea17651 { margin-left: 8rpx; } .check.data-v-4ea17651 { text-align: center; vertical-align: bottom; width: 334rpx; height: 71rpx; background: #ffffff; } .check > ._span.data-v-4ea17651 { line-height: 71rpx; font-size: 28rpx; font-weight: bold; color: #333333; } .checkReceivingAdress.data-v-4ea17651 { width: 690rpx; background: #ffffff; } .checkOrderType.data-v-4ea17651 { margin: 20rpx auto 0 auto; width: 690rpx; border-radius: 10rpx; } .full.data-v-4ea17651 { width: 750rpx; height: 118rpx; } .submitOrder.data-v-4ea17651 { font-size: 0; margin-top: -40%; padding-bottom: 100rpx; } .orderDetails.data-v-4ea17651 { width: 690rpx; background: #ffffff; border-radius: 10rpx; margin: 20rpx auto 0 auto; } .orderDetailsImg.data-v-4ea17651 { width: 130rpx; height: 130rpx; } .orderDetailsImg > image.data-v-4ea17651 { width: 130rpx; height: 130rpx; } .orderDetailsPackage.data-v-4ea17651 { padding: 30rpx; } .orderDetailsPackage > view.data-v-4ea17651 { vertical-align: top; display: inline-block; } .orderDetailsInfo.data-v-4ea17651 { margin-left: 20rpx; } .orderInfoTitle > ._span.data-v-4ea17651 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 453rpx; font-size: 28rpx; color: #333333; } .orderInfoBody.data-v-4ea17651 { margin-top: 10rpx; } .orderInfoBody > ._span.data-v-4ea17651 { font-size: 24rpx; color: #999999; } .orderInfoFoot.data-v-4ea17651 { display: flex; justify-content: space-between; margin-top: 15rpx; } .orderInfoFoot > ._span.data-v-4ea17651:nth-child(1) { display: inline-block; vertical-align: bottom; font-size: 28rpx; font-weight: bold; color: #ff4444; } .orderInfoFoot > ._span.data-v-4ea17651:nth-child(2) { display: inline-block; vertical-align: bottom; font-size: 24rpx; color: #999999; } .paymentInfo.data-v-4ea17651 { margin: 20rpx auto 0 auto; width: 690rpx; background: #ffffff; border-radius: 10rpx; } .paymentInfoPackage.data-v-4ea17651 { padding: 30rpx; } .paymentInfoPackage > view.data-v-4ea17651:nth-child(1) { margin-top: 0; } .paymentInfoPackage > view.data-v-4ea17651 { margin-top: 30rpx; display: flex; justify-content: space-between; } .paymentInfoPackage > view > text.data-v-4ea17651 { vertical-align: middle; } .paymentInfoPackage > view > text.data-v-4ea17651:nth-child(1) { font-size: 24rpx; color: #333333; } .paymentInfoPackage > view > text.data-v-4ea17651:nth-child(2) { font-size: 24rpx; font-weight: bold; color: #333333; } .checkUserInfo.data-v-4ea17651 { width: 690rpx; background: #ffffff; } .userInfo.data-v-4ea17651 { margin: 20rpx auto 0 auto; width: 690rpx; background: #ffffff; border-radius: 10rpx; } .userInfoPackage.data-v-4ea17651 { padding: 0 30rpx; } .userInfoPackage > view.data-v-4ea17651:nth-child(1) { border-bottom: 1px solid #eeeeee; } .userInfoPackage > view > ._span.data-v-4ea17651 { display: inline-block; vertical-align: middle; width: 96rpx; font-size: 24rpx; color: #333333; } .userInfoPackage > view > input.data-v-4ea17651 { margin-left: 40rpx; display: inline-block; width: 400rpx; height: 82rpx; color: #333333; font-size: 24rpx; vertical-align: middle; } input.data-v-4ea17651::-webkit-input-placeholder { color: #999999; } input.data-v-4ea17651::placeholder { color: #999999; } .messageSave.data-v-4ea17651 { margin: 20rpx auto 0 auto; background: #ffffff; border-radius: 10rpx; } .messageSavePackage > input.data-v-4ea17651 { padding-left: 30rpx; height: 77rpx; background: #f8f8f8; border-radius: 10rpx; font-size: 24rpx; color: #333333; } .navButtom.data-v-4ea17651 { position: fixed; bottom: 0; width: 750rpx; height: 98rpx; background: #ffffff; border: 1rpx solid rgba(238, 238, 238, 0.67); z-index: 2; } .navButtomLeft.data-v-4ea17651 { display: inline-block; width: 515rpx; } .navButtomLeftPackage.data-v-4ea17651 { padding: 30rpx; } .navButtomLeftPackage > ._span.data-v-4ea17651:nth-child(2) { color: #ff4444; } .navButtomLeftPackage > ._span.data-v-4ea17651 { font-size: 24rpx; font-weight: bold; color: #333333; } .submitButton.data-v-4ea17651 { display: inline-block; width: 235rpx; height: 98rpx; background: #ff4444; text-align: center; } .submitButton > ._span.data-v-4ea17651 { line-height: 98rpx; font-size: 28rpx; font-weight: bold; color: #ffffff; } .submitButton > button.data-v-4ea17651 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; } .receivingAdress.data-v-4ea17651 { margin: 20rpx auto 0 auto; width: 690rpx; background: #ffffff; border-radius: 10rpx; } .receiptDetailsFoot.data-v-4ea17651 { 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.data-v-4ea17651 { padding: 30rpx; display: flex; justify-content: space-between; } .receivingAdressPackage > view.data-v-4ea17651 { display: inline-block; vertical-align: middle; } .receivingAdressRight.data-v-4ea17651 { font-size: 28rpx; } .receivingAdressTitle > view.data-v-4ea17651 { display: inline-block; vertical-align: middle; width: 62rpx; height: 35rpx; background: #ff4444; border-radius: 4rpx; text-align: center; } .receivingAdressTitle > view > ._span.data-v-4ea17651 { line-height: 35rpx; font-size: 14rpx; color: #ffffff; } .receivingAdressTitle > ._span.data-v-4ea17651 { margin-left: 10rpx; vertical-align: middle; font-size: 24rpx; color: #333333; } .receivingAdressBody.data-v-4ea17651 { margin-top: 10rpx; } .receivingAdressBody > ._span.data-v-4ea17651 { font-size: 32rpx; font-weight: bold; color: #333333; } .receivingAdressBody > text.data-v-4ea17651 { font-size: 32rpx; font-weight: bold; color: #333333; } .receivingAdressFoot.data-v-4ea17651 { margin-top: 10rpx; } .receivingAdressFoot > ._span.data-v-4ea17651:nth-child(2) { margin-left: 10rpx; } .receivingAdressFoot > text.data-v-4ea17651:nth-child(2) { margin-left: 10rpx; } .receivingAdressFoot > ._span.data-v-4ea17651 { font-size: 24rpx; color: #333333; } .receivingAdressFoot > text.data-v-4ea17651 { font-size: 24rpx; color: #333333; } .firstCanvas.data-v-4ea17651 { width: 345rpx; height: 71rpx; background: white; } .integralInfo.data-v-4ea17651 { margin: 20rpx auto 0 auto; width: 690rpx; background: #ffffff; border-radius: 10rpx; } .integralInfoPackage.data-v-4ea17651 { padding: 30rpx; display: flex; justify-content: space-between; } .integralInfoPackage > view:nth-child(1) > ._span.data-v-4ea17651 { line-height: 40rpx; font-size: 24rpx; color: #333333; } .integralInfoPackage > view:nth-child(1) > text.data-v-4ea17651 { line-height: 40rpx; font-size: 24rpx; color: #333333; } .integralInfoPackage > view.data-v-4ea17651 { vertical-align: middle; display: inline-block; } .switch.data-v-4ea17651 { width: 80rpx; height: 40rpx; border-radius: 20rpx; } .switch .isswitchClose.data-v-4ea17651 { background: #dddddd; } .switch .isswitchOn.data-v-4ea17651 { background: #ff4444; } .switch > view.data-v-4ea17651 { padding: 6rpx; display: flex; justify-content: space-between; } .switch > view > view.data-v-4ea17651 { width: 28rpx; height: 28rpx; box-shadow: 0rpx 2rpx 6rpx 0rpx rgba(255, 68, 68, 0.35); border-radius: 50%; } .member.data-v-4ea17651 { overflow: hidden; margin: 20rpx 30rpx 0; } .member-header .header-left.data-v-4ea17651 { padding: 0 20rpx; height: 44rpx; background-size: 160rpx, 44rpx; background-color: #36384D; max-width: 40%; } .header-left .left-member-logo.data-v-4ea17651 { 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.data-v-4ea17651 { width: 376rpx; height: 44rpx; line-height: 44rpx; background: linear-gradient(90deg, #ffdf4e, #fcda31); border-radius: 0 0 20rpx 0; } .header-left .left-member-title.data-v-4ea17651 { color: #FCDA31; } .member-header .header-right text.data-v-4ea17651 { color: #F04C4C; } .member-nowprice.data-v-4ea17651 { color: #F04C4C; } .member-list .member-list-items.data-v-4ea17651 { position: relative; padding: 20rpx 110rpx 20rpx 30rpx; /* border-bottom: 1px solid #EEEEEE; */ } .member-list .member-list-items .select-logo.data-v-4ea17651 { position: absolute; right: 30rpx; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .member-list .member-list-items .select-logo image.data-v-4ea17651 { width: 36rpx; height: 36rpx; } .redPacketIcon.data-v-4ea17651 { font-size: 24rpx; }