page {
  background: #f9f9f9;
}

.header {
  width: 100%;
  height: 322rpx;
  background: rgba(61, 154, 248, 1);
  padding: 0 44rpx 78rpx;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.avator {
  width: 142rpx;
  height: 142rpx;
  border-radius: 50%;
  margin-right: 44rpx;
}

.right {
  width: 424rpx;
}

.right .tips_word {
  font-size: 36rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(255, 255, 255, 1);
}

.right .name_box {
  display: flex;
  align-items: center;
}

.right .name_box .name {
  font-size: 36rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(255, 255, 255, 1);
  margin-right: 20rpx;
}

.right .name_box .id {
  display: inline-block;
  font-size: 22rpx;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 32rpx;
  color: rgba(61, 154, 248, 1);
  padding: 0 10rpx;
  background: #cce5fd;
  border-radius: 22rpx;
}

.company {
  font-size: 26rpx;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 36rpx;
  color: rgba(255, 255, 255, 1);
  margin-top: 20rpx;
}

.info_box {
  font-size: 26rpx;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 1;
  color: rgba(255, 255, 255, 1);
  margin-top: 16rpx;
  display: flex;
  align-items: center;
}

.info_box view:nth-child(2) {
  padding: 0 24rpx;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  margin-left: 24rpx;
  margin-right: 24rpx;
}
.info_box view:last-child{
  border-right:none
}

.content {
  width: 686rpx;
  margin: -78rpx auto 0;
}

.order_box {
  width: 100%;
  height: 156rpx;
  padding: 0 30rpx;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 1);
  border-radius: 10rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.order_item {
  width: 80rpx;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}

.order_item .num {
  width: 34rpx;
  height: 34rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  background: red;
  font-size: 18rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  position: absolute;
  right: -14rpx;
  top: -14rpx;
  border-radius: 50%;
}

.order_item image {
  width: 43rpx;
  height: 39rpx;
}

.order_item text {
  font-size: 26rpx;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 36rpx;
  color: rgba(19, 26, 46, 1);
  margin-top: 22rpx;
}

.item_box {
  width: 100%;
  margin-top: 20rpx;
  background: #fff;
  padding: 0 30rpx;
  box-sizing: border-box;
  margin-bottom:150rpx;
}

.item {
  width: 100%;
  height: 112rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #eee;
}

.item:last-child {
  border: none;
}

.item .left {
  width: 200rpx;
  display: flex;
  align-items: center;
  font-size: 30rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: rgba(19, 26, 46, 1);
}

.item .left image {
  width: 30rpx;
  height: 26rpx;
  margin-right: 20rpx;
}

.item .youjiantou {
  width: 48rpx;
  height: 48rpx;
}

/* 物流信息 */

.wuliuinfo {
  width: 686rpx;
  height: 150rpx;
  background: #f5f5f5;
  border-radius: 10rpx;
  margin: 20rpx auto 0;
 
}

swiper-item {
  width: 686rpx;
  height: 150rpx;
}

swiper {
  width: 686rpx;
  height: 150rpx;
}

.swiper, .swiper-item {
  width: 686rpx;
  height: 150rpx;
}

.swiper-item {
  padding: 20rpx;
  box-sizing: border-box;
}

.wutopleft, .wutopright {
  color: #939A9E;
  font-size: 22rpx;
}

.wuliuleft {
  width: 60rpx;
  height: 60rpx;
  font-size: 0;
  border-radius: 10rpx;
}

.wuliuimg {
  width: 30rpx;
  height: 30rpx;
  font-size: 0;
}

image {
  width: 100%;
  height: 100%;
}

.wuliuitemright {
  margin-left: 40rpx;
}

.wuliubot {
  margin-top: 15rpx;
}

.dai {
  color: #3d9af8;
  font-size: 22rpx;
}

.daiquname {
  width: 520rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #939A9E;
  font-size: 22rpx;
  margin-top: 10rpx;
}

.wuliustate {
  width: 120rpx;
}
.zujiimg{
  
 
  display:flex;
  align-items: center;
  justify-content: center;
}
.zujiimg image{
  width:33rpx!important;
  height:35rpx!important;
  
}

.register {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
}

/* 转盘抽奖 */
.pagebox{
  position: absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
  background: #fff;
padding: 10rpx;
box-sizing: border-box;
  border-radius: 20rpx;
}

/* pages/Luckydraw/Luckydraw.wxss */
/* page{ box-sizing: border-box; padding-top: 25rpx; background-color: #FF6600;} */
 
.box{ width: 655rpx; height: 460rpx; margin: 0 auto; box-sizing: border-box; position: relative;
	-webkit-box-shadow: 8px 8px 0 rgba(0,0,0,.2);
			box-shadow: 8px 8px 0 rgba(0,0,0,.2);
}
.list{ 
  width: 210rpx;
   height: 144rpx; 
   position: absolute; 
   background-color: #fff;
  display: flex; 
  flex-direction: column; 
  flex-wrap: wrap;
   justify-content: center; 
   align-content: center; 
   align-items: center;
   background: #ff4c0f;
   border: 1rpx solid #ffc69d;
   border-radius: 20rpx;
}
/* 抽奖过程中选定样式 */
.list.change_in{ color: #fff; background-color: rgba(61, 154, 248, 1);}
.list_t{ width:50rpx; height: 50rpx;}
.list_t image{ width: 100%; height: 100%;}
.list_b{ width: 90%;
   height: 40rpx; 
   line-height: 40rpx; 
   text-align: center; 
   white-space: nowrap; 
   overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.28rem;
    color:#fff;
    margin-top:5rpx;
  }
/* 根据TOP */
.list:nth-child(1){ 
  left: 50%;
  top: 50%;
  color: #fff;
  background-color: rgba(242, 0, 0, 1);
  border: 1rpx solid #fff327;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  
}
.list.grey:nth-child(1){ background-color: rgba(242, 0, 0, 1);}
.list:nth-child(2) , .list:nth-child(3) , .list:nth-child(4){ top: 0;}
.list:nth-child(6) , .list:nth-child(7) , .list:nth-child(8){ bottom: 0;}
.list:nth-child(5) , .list:nth-child(9){ top: 50%;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
}
/* 根据LEFT */
.list:nth-child(2) , .list:nth-child(8) , .list:nth-child(9){ left: 0;}
.list:nth-child(3) , .list:nth-child(7){ left: 50%;
	-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
}
.list:nth-child(4) , .list:nth-child(5) , .list:nth-child(6){ right: 0;}