.content{font-size: 32rpx;}
.content .paddingBox{
  padding: 20rpx 40rpx;
  margin-bottom: 10rpx;
  background: #fff;
}
.content .turnTable{
  padding-top: 120rpx;
  position: relative;
}
.content .turnTable .prizeRule{
  position: fixed;
  top: 30rpx;
  right: 0;
  padding:0 20rpx;
  line-height: 1.5;
  color: #fff;
  border-top-left-radius: 20rpx;
  border-bottom-left-radius: 20rpx;
  z-index:1000
}
.content .turnTable .title_pic_change{
  text-align: center;
}
.content .turnTable .title_pic{
  background: url('data:image/png;base64,[encoded data, 6456 characters]') no-repeat center;
  background-size: 70% 100%;
  height: 80rpx;
  margin: 20rpx 0;
}
.content .turnTable .logo_pic{
  background: url('data:image/png;base64,[encoded data, 11316 characters]') no-repeat calc(50% + 6rpx);
  background-size: 110rpx 100%;
  height: 80rpx;
  width: 100%;
  position: absolute;
  top: -70rpx;
}
.content .turnTable .theam_pic{
  background: url('http://img.bbztx.com/image_test/upload/thumbs/20210304/logo/1614853487452020423.png') no-repeat;
  background-size: 100% 100%;
  width: 200rpx;
  height: 200rpx;
  position: absolute;
  bottom: -25rpx;
  left: 60rpx;
  z-index: 9999;
}
.content .turnTable .prize_table{
  margin-top: 110rpx;
  position: relative;
}
.content .turnTable .prize_table .table{
  border-radius: 50%;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  box-shadow: 0rpx 0rpx 15rpx #999;
  overflow: hidden;
}
.table .point_radius{
  height: 15rpx;
}
.rad{
  transform-origin: center;
  transform: rotate(90deg);
  position: absolute;
  width: 100%;
  height: 100%;
}
.table .point_radius .point{
  width: 15rpx;
  height: 15rpx;
  border-radius: 50%;
  box-shadow: 0rpx 0rpx 2rpx #999 inset;
}

.table .point_radius .writePoint{
  background: #fff;
  position: absolute;
  left: 10rpx;
}
.table .point_radius .yelloPoint{
  background: #fef08d;
  position: absolute;
  right: 10rpx;
}
.content .turnTable .drawInfo{
  display: flex;
  flex-direction: column;
  align-items:center;
  margin: 40rpx 0;
}
.content .turnTable .drawInfo view:first-child{
  font-size: 36rpx;
  font-weight: 600;
  line-height: 1.8;
}
.content .turnTable .btn{
  display: flex;
  flex-direction: row;
}
.content .turnTable .btn button{
  border-radius: 15rpx;
  font-size: 32rpx;
  line-height: 2;
  padding: 0 20rpx;
}
.content .prize_Person_list .bgView{
  border-radius:30rpx;
  padding-bottom: 10rpx;
}
.content .prize_Person_list .bgView .list_top{
  background: #fff;
  border-radius:30rpx;
  padding: 20rpx;
  pointer-events: none;
}
::-webkit-scrollbar {
  width:0;
  height:0;
  color:transparent;
}
.content .person_list{
  text-align: center;
  font-size: 36rpx;
  font-weight: 700;
  margin-bottom: 30rpx;
}
.content .prize_Person_list .bgView .list_bottom{
  height: 80rpx;
  background: url('data:image/png;base64,[encoded data, 6136 characters]') no-repeat center;
  background-size: calc(100% - 80rpx) 100%;
}
.bgView .list_top .person_info{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20rpx;
  font-size:28rpx;
}
.bgView .list_top .person_info > view{
  flex: 1;
}
.bgView .list_top .person_info .headImg{
  height: 85rpx;
  flex: 0 0 85rpx;
  margin-right: 20rpx;
}
.bgView .list_top .person_info .headImg image{
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #eee;
}
.bgView .list_top .person_info .nickName{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.content .redPrize{
  color: #ee3a43;
}
.content .prize_list{
  padding-top: 40rpx;
  position: relative;
  min-height: 130rpx;
}
.content .prize_list .prize{
  padding: 40rpx;
  position: relative;
  margin-bottom: 40rpx;
  background: url('data:image/png;base64,[encoded data, 12064 characters]') no-repeat right;
  background-size: 150rpx calc(100% - 20rpx);
  border-radius: 15rpx;
}
.content .prize_list .prize .no1_icon{
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAo5JREFUSIm910+IVlUYx/HPTKOpKNOkBKGimEELNxIpKkQlGma5kMDUGtu0aJW5Egc9HElqMRGIuVBECcH24R8iRNCVRBYpqERFoAshKELQMXxanBm9jved99/QDy733nPPfb73POec53luT0ToRjnnB9cppZlYhW9zzg0N93ZFfFwncQbDE3WabOi80fO2/xO6BUfwTrfQHuzC91jUpO9lPI8l3UK3Yh9e1MRteAsvYyilNKUb6FncxD843cIHwhy80Q30JuaPGjmAPZg5vlNKaQBrK02D3UDhPl5XXJzxO7ZjWqXPRkyt3L+ZUppdZ6yvRSjMqlzPxhfYkVLai2PYPK7/VGzCwfGG2tkyM2ra5uMwruLVmue1C68XT+A9rG4CfXKCZ8+pH8CylNILddDt+ArfYekEhvubfFQjPbagevFN5X4elnt0/sY0raatJWhK6REv9OG64t4RJYyNhbBf8CMu4Qdl73WiuXhN8eQDKBwfPY9UoItHj7c7hFU1WIX21OTT3dg7CaCqbmMg53yP+hX3Cb6eZOjPeDi6iKg7pkfExehetyLig4jojYglEbEzIvoaQUXEsxHxR4ewkYgYjoj+iHg6Ir6MiH8j4lpE9NXNaVVLcUF9NGqkU/gYv+JDJVb345Wc83mah8FLeLdF2FWsyzmvxwL8hP34DFPGgNSv3jrtUhJ5nf5SRnMAC/E5NihF2qac8+3xL7QK7VH28pZK230cUvLrXQwpbv0TK3POvzU01iKUEgbPYgXO4SOlJnofn+IZrM85n2pmqJ3Udgdr8JKSxmbholL9HVXmrSmQ9pI4JbLcwAklXF7AUznnv9sx0i6UkgrXKWXmlepvRavqpNgewgCudPAu+A/fG1tYzCPfmgAAAABJRU5ErkJggg==') no-repeat;
  background-size: 100%;
  width: 30rpx;
  height: 30rpx;
  position: absolute;
  top: 18rpx;
  left:20rpx;
}
.content .prize_list .prize .prize_info{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.content .prize_list .prize .prize_info .left{
  height: 100rpx;
  width: 160rpx;
  margin-right: 20rpx;
}
.content .prize_list .prize .prize_info .left image{
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 10rpx;
}
.content .prize_list .prize .prize_info .right{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #fff;
  line-height: 1.5;
  flex:1;
  text-align: left;
}
.content .prize_list .prize .prize_info .right .price_name{
  overflow:hidden; 
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2; 
  font-size:26rpx;
}
.content .prize_list .prize .prize_info .fontWei{
  font-weight: 700;
}
.content .prize_list .prize .bottomStyle{
  background: url('data:image/png;base64,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') no-repeat;
  background-size: 100% 100%;
  height: 15rpx;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.content .prize_list .list_bottom_pic{
  width: 120rpx;
  position: absolute;
  bottom: 0;
  right:30rpx;
}
.content .prize_list .list_bottom_pic image{
  width: 100%;
}
/* 居中属性 */
.center_public{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
/* 转盘属性 */
.canvas-content{
  z-index: 1;
  display: block;
  border-radius: inherit;
  background-clip: padding-box;
  border-radius: 50%;
  overflow: hidden;
}
.canvas-line{
  width: inherit;
  height: inherit;
  z-index: 99;
}
.canvas-litem{
  position: absolute;
   left: 150px;
   top: 0;
   width: 1px;
   height: 150px;
   overflow: hidden; 
}
.canvas-list{
  width: inherit;
  height: inherit;
  z-index: 9999;
  box-shadow: 0rpx 0rpx 8rpx #999;
  border-radius: 50%;
}
.canvas-list .canvas-item{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-weight: bold;
  text-shadow: 0 1px 1px rgba(255,255,255,.6);
}
.canvas-list .canvas-item-text{
  position: relative;
  display: block;
  padding-top: 20rpx;
  margin: 0 auto;
  text-align: center; 
  display: flex;
  flex-direction: column;
  align-items: center;
}
.canvas-list .canvas-item-text .pize_name{
  font-size: 22rpx;
}
.canvas-list .canvas-item-text .prize_pic{
  margin-top: 10rpx;
  border-radius: 8rpx;
  max-width:160rpx
}
.canvas-list .canvas-item-text .prize_pic image{
  width: 100%;
  border-radius: 10rpx;
}
/* 圆心按钮 */
  .canvas-btn{
    width: 150rpx;
    height: 150rpx;
    border-radius: 50%;
    z-index: 999;
    box-shadow: 0rpx 0rpx 8rpx #999;
  }
  .canvas-btn .InnerRing{
    width: 120rpx;
    height: 120rpx;
    border-radius: 50%;
  }
  .canvas-btn .InnerRing::before{
    display: block;
    border: 90rpx solid transparent;
    border-right-width: 30rpx;
    border-left-width: 30rpx;
    border-top-width: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    display: block;
    content: ' ';
    left: 32rpx;
    top: -60rpx;
  }
  .canvas-btn .InnerRing text{
    font-weight: 1000;
    font-size: 60rpx;
    line-height: 120rpx;
    text-align: center;
  }
  /* 禁止点击按钮 */
.canvas-btn.disabled{
  pointer-events: none;
}
.canvas-btn .InnerRing.disabled{
  background: #ddd084;
}
/* .canvas-btn .InnerRing.disabled::before{
  border-bottom-color: #ddd084;
} */
.canvas-btn .InnerRing.disabled::before{
  border-bottom-color: #ddd084;
}
.canvas-btn .InnerRing text.disabled{
  color: #df9697;
}
/* --- 主题 --- */

/* 红色 */
.redContent .turnTable .prizeRule{background: #ee3a43;}
.redContent .turnTable .prize_table .table{background: #ff5c5d;}
.redContent .canvas-content{background-color: #ff8584;}
.redContent .canvas-list .canvas-item{color: #fff;}
.redContent .canvas-btn{background: #fbf087;}
.redContent .canvas-btn .InnerRing{background: #feda00;}
.redContent .canvas-btn .InnerRing::before{border-bottom-color: #feda00;}
.redContent .canvas-btn .InnerRing text{color: #ff5c5d;}
.redContent .drawInfo .redPrize{color: #ee3a43;}
.redContent .prize_Person_list .bgView{background: #ee3a43;}
.redContent .prize_Person_list .bgView .list_top{border: 10rpx solid #ee3a43;}
.redContent .prize_list .prize{background-color: #ee3a43;}
.redContent .canvas-litem{background-color: #ff5c5d;}

/* 蓝色 */
.blueContent .turnTable .prizeRule{background: #4998d2;}
.blueContent .turnTable .prize_table .table{background: #4998d2;}
.blueContent .canvas-content{background-color: #cee7e9;}
.blueContent .canvas-list .canvas-item{color: #4998d2;}
.blueContent .canvas-btn{background: #fff;}
.blueContent .canvas-btn .InnerRing{background: #7fc6d3;}
.blueContent .canvas-btn .InnerRing::before{border-bottom-color: #7fc6d3;}
.blueContent .canvas-btn .InnerRing text{color: #fff;}
.blueContent .drawInfo .redPrize{color: #4998d2;}
.blueContent .prize_Person_list .bgView{background: #4998d2;}
.blueContent .prize_Person_list .bgView .list_top{border: 10rpx solid #4998d2;}
.blueContent .prize_list .prize{background-color: #4998d2;}
.blueContent .btn button:nth-child(1){color: #4998d2;border: 1px solid #4998d2;}
.blueContent .btn button:nth-child(2){color: #4998d2;border: 1px solid #4998d2;}
.blueContent .btn button:nth-child(3){color: #fff;background:#4998d2;}
.blueContent .canvas-litem{background-color: #7cd8df;}

/* 绿色 */
.greenContent .turnTable .prizeRule{background: #39412c;}
.greenContent .turnTable .prize_table .table{background: #555f46;}
.greenContent .canvas-content{background-color: #ffebbc;}
.greenContent .canvas-list .canvas-item{color: #555f46;}
.greenContent .canvas-btn{background: #555f46;}
.greenContent .canvas-btn .InnerRing{background: #39412c;}
.greenContent .canvas-btn .InnerRing::before{border-bottom-color: #39412c;}
.greenContent .canvas-btn .InnerRing text{color: #fff;}
.greenContent .drawInfo .redPrize{color: #39412c;}
.greenContent .prize_Person_list .bgView{background: #555f46;}
.greenContent .prize_Person_list .bgView .list_top{border: 10rpx solid #555f46;}
.greenContent .prize_list .prize{background-color: #555f46;}
.greenContent .btn button:nth-child(1){color: #555f46;border: 1px solid #555f46;}
.greenContent .btn button:nth-child(2){color: #555f46;border: 1px solid #555f46;}
.greenContent .btn button:nth-child(3){color: #fff;background:#555f46;}
.greenContent .canvas-litem{background-color: #555f46;}
