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;
}