yuminge-app/yun-min-program-plugin-master/packageH/newDraw/newDrawIndex/newDrawIndex.wxss

/* packageH/newDraw/newDrawIndex/newDrawIndex.wxss */
#new_draw {
  padding: 0 15px 80px;
  background-color: #ff7405;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
  box-sizing: border-box;
  text-align: center;
}

#new_draw .fixed-btn-top {
  position: fixed;
  top: 140rpx;
  z-index: 999;
}

#new_draw .award-life {
  left: 20px;
}

#new_draw .award-life icon {
  font-size: 24px;
  color: #feca03;
}

#new_draw .award-life .text-color-box {
  background-color: #ff9000;
  border-radius: 16rpx;
  color: #fff;
  font-size: 12px;
  padding: 0 8px;
}

#new_draw .share-sheet {
  right: 20px;
  color: #fff;
}

#new_draw .share-sheet icon {
  font-size: 18px;
}

#new_draw .share-sheet .sheet-chilid {
  margin-bottom: 28rpx;
}

#new_draw .flex-column-stlye {
  display: flex;
  flex-direction: column;
}

#new_draw .top-main {
  display: flex;
  justify-content: space-between;
  padding: 60rpx 0 412rpx;
}

#new_draw .top-main .text-img .text-img-src {
  height: 104rpx;
  object-fit: contain;
}

#new_draw .main .active-time {
  color: #fff;
  font-size: 12px;
  margin-bottom: 24rpx;
}

#new_draw .main .active-introduce {
  color: #fff;
  height: auto;
  padding: 44rpx 32rpx;
  border-radius: 12px;
  border: 3px solid #f2cb76;
  overflow: hidden;
  background: #ec4231;
}

#new_draw .main .active-introduce .active-big-title {
  font-weight: 700;
  font-size: 18px;
}

#new_draw .main .active-introduce .ul {
  display: flex;
  flex-wrap: wrap;
  padding: 24rpx 0;
}

#new_draw .main .active-introduce .ul .li {
  list-style: disc;
  margin-right: 28rpx;
  position: relative;
  text-align: left;
  font-size: 12px;
  line-height: 40rpx;
}

#new_draw .main .active-introduce .ul .li::after {
  content: "●";
  width: 0;
  height: 0;
  position: absolute;
  top: 0%;
  left: -24rpx;
}

#new_draw .main .active-introduce .active-rounds {
  text-align: left;
  font-size: 12px;
  color: #ffed76;
}

#new_draw .main .active-introduce .active-rounds em {
  color: #fff;
}

#new_draw .main .active-introduce .active-num {
  font-weight: bold;
  color: #ffed76;
  padding: 28rpx 0 12rpx;
  text-align: center;
}

#new_draw .main .active-introduce .active-num em {
  color: #fff;
  font-weight: bold;
}

#new_draw .main .active-introduce .lottery-btn {
  width: 350rpx;
  height: 70rpx;
  line-height: 70rpx;
  margin: 0 auto;
  background-color: #ffb700;
  box-shadow: 0 2rpx 8rpx 0rpx rgba(192, 52, 38, 0.48);
  border-radius: 32px;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
}

#new_draw .main .active-introduce .dont {
  background-color: #a8a8a8;
}

#new_draw .main .active-introduce .add-member {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40rpx;
}

#new_draw .main .active-introduce .add-member image {
  width: 64rpx;
  height: 64rpx;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 12rpx 12rpx 0;
  object-fit: contain;
}

#new_draw .main .active-introduce .add-member img:nth-child(8n) {
  margin-right: 0;
}

#new_draw .main .active-introduce .schedule {
  display: flex;
  align-items: center;
  font-size: 12px;
  margin-top: 60rpx;
}

#new_draw .main .active-introduce .schedule .progress {
  flex: 1;
  padding: 0 16rpx;
}

#new_draw .main .template-box {
  position: relative;
  padding-top: 64rpx;
}

#new_draw .main .template-box .template-box-title {
  width: 452rpx;
  height: 116rpx;
  line-height: 92rpx;
  font-size: 20px;
  color: #5a250d;
  background-image: url(https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/images/nav-img.png);
  background-size: 100% 100%;
  background-position: center;
  margin: 0 auto;
  font-weight: 700;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -226rpx;
  text-align: center;
}

#new_draw .main .template-box .template-box-main {
  text-align: left;
  background-image: linear-gradient(0deg, #faded4 0%, #fbddd0 100%);
  border-radius: 12px;
  padding: 80rpx 24rpx 32rpx;
}

#new_draw .main .template-box .template-box-main image {
  display: block;
}

#new_draw .main .template-box .template-box-main .reward-good {
  justify-content: center;
  align-items: center;
}

#new_draw .main .template-box .template-box-main .reward-good .good-img {
  width: 280rpx;
  height: 280rpx;
  border-radius: 12rpx;
  object-fit: contain;
  overflow: hidden;
  background: #fff;
}

#new_draw .main .template-box .template-box-main .reward-good .good-title {
  text-align: center;
  width: 384rpx;
  font-size: 12px;
  line-height: 32rpx;
  margin-top: 24rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

#new_draw .fiexd-btn-right {
  position: fixed;
  bottom: 204rpx;
  right: 20px;
}

#new_draw .fiexd-btn-right .btn-child {
  width: 80rpx;
  height: 80rpx;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 2rpx 3rpx 5rpx 0 rgba(209, 209, 209, 0.36);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 28rpx;
  color: #939393;
}

#new_draw .nav-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-around;
  background-color: #fff;
}

#new_draw .nav-bottom .nav-b-chlid {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 12px;
  color: #9e9e9e;
}

#new_draw .nav-bottom .nav-b-chlid icon {
  font-size: 18px;
}

#new_draw .iphoneXStyle {
  box-sizing: content-box;
  padding-bottom: 24px;
}

#new_draw .comment-box {
  height: 100%;
  position: relative;
}

#new_draw .comment-box .comment-titel {
  height: 128rpx;
  line-height: 128rpx;
  color: #666;
}

#new_draw .comment-box .comment-list {
  flex: 1;
  padding-bottom: 192rpx;
  overflow: scroll;
}

#new_draw .comment-box .comment-list .comment-child {
  display: flex;
  padding: 0 30rpx 32rpx;
}

#new_draw .comment-box .comment-list .comment-child .member-img {
  width: 80rpx;
  height: 80rpx;
  border-radius: 50%;
  overflow: hidden;
  margin: 0;
  margin-right: 20rpx;
  flex-shrink: 0;
  object-fit: contain;
}

#new_draw .comment-box .comment-list .comment-child .comment-child-right {
  text-align: left;
}

#new_draw .comment-box .comment-list .comment-child .comment-child-right .member-name {
  font-size: 16px;
  color: #2e2e2e;
  font-weight: 700;
  margin-bottom: 28rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

#new_draw .comment-box .comment-list .comment-child .comment-child-right .comment-text {
  font-size: 15px;
  color: #2e2e2e;
  line-height: 40rpx;
  margin-bottom: 20rpx;
}

#new_draw .comment-box .comment-list .comment-child .comment-child-right .comment-time {
  color: #767676;
  font-size: 12px;
}

#new_draw .comment-box .send-box {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 88rpx;
  background-color: #fff;
  box-shadow: -1rpx -4rpx 4rpx 0rpx rgba(232, 232, 232, 0.41);
  display: flex;
  align-items: center;
  justify-content: space-around;
  text-align: left;
}

#new_draw .comment-box .send-box #send-input {
  border: none;
  width: 612rpx;
  height: 60rpx;
  padding: 0 28rpx;
  background-color: #f5f5f5;
  border-radius: 30rpx;
}

#new_draw .comment-box .send-box .send-btn {
  color: #f14e4e;
  padding: 0 16rpx;
}

#new_draw .award-information {
  background-color: #f2f2f2;
}

#new_draw .award-information .add-num {
  padding: 0 28rpx;
  margin-bottom: 28rpx;
  height: 156rpx;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#new_draw .award-information .add-num .add-num-name {
  text-align: left;
}

#new_draw .award-information .add-num .add-num-name .name1 {
  font-size: 16px;
  margin-bottom: 12rpx;
}

#new_draw .award-information .add-num .add-num-name .name2 {
  font-size: 12px;
  color: #f14e4e;
}

#new_draw .award-information .address-box {
  padding: 0 28rpx;
  background: #fff;
  text-align: left;
}

#new_draw .award-information .address-box .address-title {
  height: 96rpx;
  line-height: 96rpx;
  font-size: 16px;
}

#new_draw .award-information .address-box .addr {
  display: flex;
  align-items: center;
}

#new_draw .award-information .address-box .addr icon {
  font-size: 18px;
}

#new_draw .award-information .address-box .addr .address-info {
  padding: 0 28rpx 28rpx;
  flex: 1;
}

#new_draw .award-information .address-box .addr .address-info .address-namenick {
  font-weight: 700;
  margin-bottom: 8rpx;
}

#new_draw .confirm-address-btn {
  position: absolute;
  bottom: 32rpx;
  left: 50%;
  transform: translateX(-50%);
  width: 692rpx;
  height: 88rpx;
  background-color: #f14e4e;
  border-radius: 44rpx;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  line-height: 88rpx;
}

#new_draw .address-list {
  max-height: 576rpx;
  overflow: scroll;
  padding: 0 28rpx 0;
  position: relative;
}

#new_draw .address-list .address-list-child {
  display: flex;
  align-items: center;
  padding: 28rpx 0 0;
}

#new_draw .address-list .address-list-child .address-list-child-left {
  flex: 1;
  text-align: left;
  padding-right: 16rpx;
}

#new_draw .address-list .address-list-child .address-list-child-left .address-namenick {
  display: flex;
  flex-direction: column;
  font-weight: 700;
}

#new_draw .address-list .address-list-child .address-list-child-right {
  width: 120rpx;
  height: 56rpx;
  line-height: 56rpx;
  background-color: #f14e4e;
  border-radius: 12rpx;
  color: #fff;
}

.msg-text {
  width: 100%;
  overflow: hidden;
}