@charset "UTF-8";

/* 按钮S */
.btn-rule {
  width: 1.11rem;
  height: .49rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/btn-rule.png) no-repeat;
  background-size: 100%;
  font-size: .22rem;
  color: #624229;
  text-align: center;
  line-height: .49rem;
}

.btn-reward {
  width: 1.11rem;
  height: .49rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/btn-reward.png) no-repeat;
  background-size: 100%;
  font-size: .22rem;
  color: #624229;
  text-align: center;
  line-height: .49rem;
}

.btn-sign-in {
  width: 1.57rem;
  height: .59rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/btn-sign-in.png) no-repeat;
  background-size: 100%;
  font-size: .28rem;
  color: #624229;
  text-align: center;
  line-height: .59rem;
  flex-shrink: 0;
}

.btn-signed {
  width: 1.57rem;
  height: .74rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/btn-signed.png) no-repeat;
  background-size: 100%;
  font-size: .22rem;
  color: #624229;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.lottery-btn-bg {
  width: 2.22rem;
  height: 2.66rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/btn-lottery.png) no-repeat;
  background-size: 100%;
}

.btn-confirm {
  width: 1.57rem;
  height: .59rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/btn-confirm.png) no-repeat;
  background-size: 100%;
  font-size: .28rem;
  color: #624229;
  text-align: center;
  line-height: .59rem;
}

.btn-refresh{
  width: .42rem;
  height: .73rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/icon-refresh.png) no-repeat;
  background-size: 100%;
}
/* 按钮E */

/* 背景S */
.main {
  /* width: 7.5rem; */
  /* height: 10.76rem; */
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/bg.png) no-repeat;
  background-size: 100%;
  padding-bottom: .2rem;
}

.sign-in {
  width: 6.9rem;
  height: 1.59rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/bg-sign-in.png) no-repeat;
  background-size: 100%;
}

.lottery-box {
  width: 6.83rem;
  height: 7.77rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/bg-lottery-box.png) no-repeat;
  background-size: 100%;
}

.coupons-box {
  width: 6.54rem;
  height: 6.54rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/coupons-box.png) no-repeat;
  background-size: 100%;
}

.lucky-list {
  width: 6.9rem;
  height: 4.59rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/bg-lucky-list.png) no-repeat;
  background-size: 100%;
}

.text-unlock {
  width: 2.87rem;
  height: .36rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/bg-text-unlock.png) no-repeat;
  background-size: 100%;
}

.tab-more {
  width: 1.6rem;
  height: .75rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/tab-more.png) no-repeat;
  background-size: 100%;
}

/* 背景E */

/* 文字S */
.lottery-title {
  width: 6.12rem;
  height: .57rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/lottery-title.png) no-repeat;
  background-size: 100%;
}

.password-title {
  width: 6.12rem;
  height: .57rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20221125LotteryHor/lottery-title.png) no-repeat;
  background-size: 100%;
}

.lucky-list-title {
  width: 6.12rem;
  height: .57rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/lucky-list-title.png) no-repeat;
  background-size: 100%;
}

.lottery-btn-text {
  width: 1.36rem;
  height: .83rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/lottery-text.png) no-repeat;
  background-size: 100%;
}

.lotterying-btn-text {
  width: 1.52rem;
  height: .71rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20221125LotteryHor/lotterying-text.png) no-repeat;
  background-size: 100%;
}

.coupons-text {
  width: 1.26rem;
  height: .29rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/coupons-text.png) no-repeat;
  background-size: 100%;
}

.icon-coupons {
  width: .22rem;
  height: .22rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20221125LotteryHor/icon-coupons.png) no-repeat;
  background-size: 100%;
}

.coupons-text-used {
  width: 2.25rem;
  height: .23rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/coupons-text-used.png) no-repeat;
  background-size: 100%;
}

.coupons-text-error {
  width: 1.81rem;
  height: .23rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/coupons-text-error.png) no-repeat;
  background-size: 100%;
}

/* 文字E */

/* 提示S */
.lottery-tips {
  width: 6.47rem;
  height: 2.31rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/lottery-tips.png) no-repeat;
  background-size: 100%;
}

/* 提示E */
.wrapper {
  position: relative;
}

.header img {
  width: 100%;
  height: 4.74rem;
}

/* 主模块容器 */
.main {
  position: relative;
  margin-top: -.74rem;
  padding-top: .9rem;
  z-index: 2;
}

/* 主模块容器 */
/* 头图模块 */
.header {
  position: relative;
}

.header .btn-rule {
  position: absolute;
  top: .28rem;
  right: 0;
}

.header .btn-reward {
  position: absolute;
  top: .96rem;
  right: 0;
}

/* 头图模块 */
/* 认证模块 */
.sign-in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: .5rem;
  padding-left: .5rem;
  box-sizing: border-box;
  margin: 0 auto;
}

.sign-des1 {
  width: 3.64rem;
  height: .29rem;
  font-size: 0;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/sign-des1.png) no-repeat;
  background-size: 100%;
}

.sign-des-login {
  width: 2.86rem;
  height: .29rem;
  font-size: 0;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20221125LotteryHor/sign-des1.png) no-repeat;
  background-size: 100%;
}

.sign-des2 {
  font-size: .26rem;
  color: #efeddf;
  margin-top: .1rem;
}

.btn-signed>div:first-child {
  font-size: .28rem;
  font-weight: bold;
  margin-bottom: -.04rem;
}

.user-name {
  width: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}

/* 认证模块 */

/* 幸运抽奖模块 */
.lottery-title {
  margin: .28rem auto 0;
  font-size: 0;
}

.password-title {
  margin: .28rem auto 0;
  font-size: 0;
}

/* tab */
.lottery-module {
  position: relative;
  margin: 0.26rem auto 0;
}

.lottery-module .btn-refresh{
  position: absolute;
  top: 0rem;
  right: 0.3rem;
  z-index: 9;
}

.lottery-module.no-tab .btn-refresh{
  position: absolute;
  top: 1.2rem;
  right: 0.3rem;
  z-index: 9;
}

.lottery-module .van-tabs__track{
  height: auto;
}

.lottery-module .van-tabs__wrap {
  width: 7rem;
  height: .78rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/bg-tab.png) no-repeat;
  background-size: 100%;
  margin: 0 auto;
}

.lottery-module .van-tabs__nav {
  background: transparent;
}

.lottery-module .van-hairline--top-bottom::after {
  display: none;
}

.lottery-module .van-tabs__line {
  display: none;
}

.lottery-module .van-tabs__nav {
  display: flex;
  align-items: flex-end;
  transform: translateY(.02rem);
}

.lottery-module .van-tabs__nav>div {
  font-size: .26rem;
  color: #fff;
  text-align: center;
  width: 1.8rem;
  line-height: .76rem;
}

.lottery-module .van-tab {
  flex: inherit;
}

.lottery-module .van-tabs__nav>div.van-tab--active {
  width: 1.8rem;
  height: .77rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/tab-act.png) no-repeat;
  background-size: 100%;
  color: #f1d9a7;
}

.tab-more {
  color: #a1a2e2;
  font-size: .22rem;
  text-align: center;
  line-height: .76rem;
  position: absolute;
  top: 0;
  right: 0.25rem;
  z-index: 9;
}

.lottery-wrap {
  position: relative;
  margin: 0.1rem auto 0;
  width: 6.83rem;
  height: 7.77rem;
}

.lottery-box {
  position: relative;
}

.icon-arrow {
  position: absolute;
  width: .39rem;
  height: .47rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/icon-arrow.png) no-repeat;
  background-size: 100%;
}

.arrow-l1 {
  left: 1.6rem;
  top: 0.9rem;
  transform: rotate(-125deg);
}

.arrow-l2 {
  left: .1rem;
  top: 3.6rem;
  transform: rotate(180deg);
}

.arrow-r1 {
  right: 0.1rem;
  top: 3.6rem;
}

.arrow-r2 {
  right: 1.72rem;
  top: 6.2rem;
  transform: rotate(60deg);
}

.unlock-suc .arrow-l1 {
  left: 1.48rem;
  top: .56rem;
  transition: left 1s 500ms, top 1s 500ms;
}

.unlock-suc .arrow-l2 {
  left: -.28rem;
  top: 3.6rem;
  transition: left 1s 500ms, top 1s 500ms;
}

.unlock-suc .arrow-r1 {
  right: -.26rem;
  top: 3.6rem;
  transition: right 1s 500ms, top 1s 500ms;
}

.unlock-suc .arrow-r2 {
  right: 1.5rem;
  top: 6.64rem;
  transition: right 1s 500ms, top 1s 500ms;
}

.icon-diamond {
  position: absolute;
  width: .2rem;
  height: .19rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/icon-diamond.png) no-repeat;
  background-size: 100%;
  z-index: 9;
}

.diamond-l1 {
  left: 1.76rem;
  top: 1.04rem;
  transform: rotate(60deg);
}

.diamond-l2 {
  left: 0.16rem;
  top: 3.76rem;
}

.diamond-r1 {
  right: 0.16rem;
  top: 3.76rem;
}

.diamond-r2 {
  right: 1.72rem;
  top: 6.54rem;
  transform: rotate(60deg);
}

.unlock-suc .diamond-l1 {
  left: 1.68rem;
  top: 0.84rem;
  transition: left 1s, top 1s;
}

.unlock-suc .diamond-l2 {
  left: -.02rem;
  top: 3.76rem;
  transition: left 1s, top 1s;
}

.unlock-suc .diamond-r1 {
  right: 0.02rem;
  top: 3.76rem;
  transition: right 1s, top 1s;
}

.unlock-suc .diamond-r2 {
  right: 1.68rem;
  top: 6.6rem;
  transition: right 1s, top 1s;
}

.light-up {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  width: 6.83rem;
  height: 7.77rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/light-top.png) no-repeat;
  background-size: 100%;
  z-index: 9;
  transform: rotate(30deg);
  opacity: 0;
}

.unlock-suc .light-up {
  transform: rotate(0deg);
  opacity: 1;
  transition: transform 1s, opacity 1s;
}

.light-down {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  width: 6.83rem;
  height: 7.77rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/light-down.png) no-repeat;
  background-size: 100%;
  z-index: 9;
  transform: rotate(30deg);
  opacity: 0;
}

.unlock-suc .light-down {
  transform: rotate(0deg);
  opacity: 1;
  transition: transform 1s, opacity 1s
}

/* 抽奖蒙层 */
.coupons-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 6.54rem;
  height: 6.54rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/coupons-mask.png) no-repeat;
  background-size: 100%;
  z-index: 8;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  opacity: 1;
}

.unlock-suc .coupons-box {
  opacity: 0;
  transition: opacity 1s;
}

.coupons-text {
  font-size: 0;
}

.coupons-input {
  width: 3.88rem;
  height: .69rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/bg-input.png) no-repeat;
  background-size: 100%;
  margin: .26rem 0;
  font-size: .26rem;
  text-align: center;
}

.coupons-input::-webkit-input-placeholder {
  font-size: .26rem;
  color: #a38864;
}

.coupons-input:-ms-input-placeholder {
  font-size: .26rem;
  color: #a38864;
}

.coupons-input::-ms-input-placeholder {
  font-size: .26rem;
  color: #a38864;
}

.coupons-input::placeholder {
  font-size: .26rem;
  color: #a38864;
}

.coupons-input:focus::placeholder {
  opacity: 0;
}

.coupons-text-box{
  display: flex;
  align-items: center;
  font-size: .22rem;
  color: #cc0007;
  margin-top: .36rem;
}

.icon-coupons{
  margin-right: .08rem;
}

.coupons-text-used {
  margin-top: .36rem;
  font-size: 0;
}

.coupons-text-error {
  margin-top: .36rem;
  font-size: 0;
}

/* 抽奖按钮 */
.btn-lottery {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 2.22rem;
  height: 2.66rem;
  margin: auto;
  transform: translateY(-.02rem);
}

.lottery-btn-bg {}

.lottery-btn-text {
  position: absolute;
  left: 0;
  top: 0.8rem;
  right: 0;
  margin: auto;
  font-size: 0;
}

.lotterying-btn-text{
  position: absolute;
  left: 0;
  top: 1.04rem;
  right: 0;
  margin: auto;
  font-size: 0;
}

.lottery-btn-num {
  position: absolute;
  left: 0;
  top: 1.5rem;
  right: 0;
  margin: auto;
  text-align: center;
  color: #fff;
}

/* 抽奖转盘 */
.lottery-list {
  position: relative;
}

.lottery-list-item {
  position: absolute;
  width: .8rem;
  height: .8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.lottery-list-item img {
  height: 100%;
  display: block;
}

.lottery-list-item p {
  display: block;
  width: 1.5rem;
  height: 0.26rem;
  line-height: 0.26rem;
  color: #fff;
  font-size: 0.24rem;
  text-align: center;
  margin-top: .06rem;
}

.lottery-num1 {
  top: 1.4rem;
  left: 3rem;
}

.lottery-num2 {
  top: 2.4rem;
  left: 1.3rem;
}

.lottery-num3 {
  top: 4.3rem;
  left: 1.3rem;
}

.lottery-num4 {
  top: 5.3rem;
  left: 3rem;
}

.lottery-num5 {
  top: 4.3rem;
  right: 1.3rem;
}

.lottery-num6 {
  top: 2.4rem;
  right: 1.3rem;
}

/* 解锁提示 */
.text-unlock {
  text-align: center;
  color: #f1d9a7;
  position: absolute;
  bottom: .14rem;
  left: 0;
  right: 0;
  margin: auto;
  line-height: .36rem;
}

/* 幸运抽奖模块 */

/* 获奖名单 */
.lucky-list-title {
  font-size: 0;
  margin: .2rem auto 0;
}

.lucky-list {
  margin: .3rem auto 0;
}

.lucky-box {}

.marquee_list {
  width: 6.28rem;
  height: 4.3rem;
  margin: 0 auto;
  padding-top: .32rem;
  overflow: hidden;
}

.marquee_list li {
  position: relative;
  line-height: .58rem;
  color: #efeddf;
  font-size: .26rem;
  padding-left: 1rem;
  text-indent: .04rem;
}

.marquee_list li span {
  color: #f1d9a7;
}

.marquee_list li::before {
  content: '';
  position: absolute;
  top: 0;
  left: .6rem;
  bottom: 0;
  margin: auto;
  width: .24rem;
  height: .24rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/icon-lucky-list.png) no-repeat;
  background-size: 100%;
}

/* 获奖名单 */


/* 弹窗样式 */
.dia {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(00, 00, 00, .7);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.dia-box {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

/* 小弹窗背景 */
.dia-box-s {
  width: 6.22rem;
  height: 4.66rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/dia-bg-s.png) no-repeat;
  background-size: 100%;
}

/* 中弹窗背景 */
.dia-box-m {
  width: 6.22rem;
  height: 5.95rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/dia-bg-m.png) no-repeat;
  background-size: 100%;
}

/* 大弹窗背景 */
.dia-box-b {
  width: 6.22rem;
  height: 6.98rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/dia-bg-b.png) no-repeat;
  background-size: 100%;
}

/* 粘贴口令背景 */
.dia-box-paste {
  width: 6.22rem;
  height: 4.47rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/dia-bg-paste.png) no-repeat;
  background-size: 100%;
}

/* 背景有光 */
.dia-light::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 7.46rem;
  height: 7.49rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/dia-light.png) no-repeat;
  background-size: 100%;
  transform: translateY(-2rem);
}

/* 弹窗标题 */
.dia-title {
  width: 3.54rem;
  height: .79rem;
  margin: -.14rem auto 0;
  font-size: 0;
}

/* 很遗憾标题 */
.dia-title-hyh {
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/title-hyh.png) no-repeat;
  background-size: 100%;
}

/* 恭喜获得标题 */
.dia-title-gxhd {
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/title-gxhd.png) no-repeat;
  background-size: 100%;
}

/* 认证王者荣耀玩家标题 */
.dia-title-rz {
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/title-rz.png) no-repeat;
  background-size: 100%;
}

/* 继续抽奖标题 */
.dia-title-jxcj {
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/title-jxcj.png) no-repeat;
  background-size: 100%;
}

/* 认证活跃玩家标题 */
.dia-title-rzhy {
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/title-rzhy.png) no-repeat;
  background-size: 100%;
}

/* 活动结束标题 */
.dia-title-hdjs {
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/title-hdjs.png) no-repeat;
  background-size: 100%;
}

/* 活动规则标题 */
.dia-title-hdgz {
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/title-hdgz.png) no-repeat;
  background-size: 100%;
  flex-shrink: 0;
}

/* 弹窗内容 */
.dia-content {
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: 1;
  font-size: .28rem;
  overflow: hidden;
}

.dia-award {
  width: 2.32rem;
  height: 2.32rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/bg-award.png) no-repeat;
  background-size: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dia-award img {
  width: 1.48rem;
  height: 1.48rem;
}

.dia-award-name {
  font-size: .3rem;
  color: #fff;
}

.dia-award-tips {
  font-size: .26rem;
  color: #f7e6b4;
}

.wrap-text {
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-wzry {
  width: .8rem;
  height: .8rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/icon-wzry.png) no-repeat;
  background-size: 100%;
}

.dia-text {
  color: #fff;
  width: 3.76rem;
  text-align: left;
  line-height: .3rem;
  margin-left: .1rem;
}

.dia-tips1 {
  font-size: .28rem;
  color: #efeddf;
  margin-top: -.4rem;
}

.dia-tips2 {
  font-size: .26rem;
  color: #f1d9a7;
  width: 5.18rem;
  text-align: left;
  margin-top: .1rem;
  transform: translateX(.1rem);
}

.dia-tips3 {
  font-size: .26rem;
  color: #f1d9a7;
  width: 5.18rem;
  text-align: left;
  margin-top: .1rem;
  transform: translateX(.1rem);
}

.img-wzry img {
  width: 4.88rem;
  height: 2.27rem;
  margin-top: .1rem;
}

.dia-tips4 {
  font-size: .26rem;
  color: #f1d9a7;
  width: 5.18rem;
  text-align: left;
  margin-top: .1rem;
  transform: translateX(.1rem);
}

.dia-tips5 {
  font-size: .26rem;
  color: #fff;
  text-decoration: underline;
  transform: translateY(-.2rem);
}

.dia-tips6 {
  font-size: .28rem;
  color: #f1d9a7;
  width: 5.18rem;
  text-align: left;
  transform: translateX(.1rem);
}

.dia-tips7 {
  font-size: .28rem;
  color: #fff;
  width: 5.18rem;
  text-align: left;
  margin-top: .36rem;
  transform: translateX(.1rem);
}

.dia-tips8 {
  font-size: .28rem;
  color: #fff;
  width: 5.18rem;
  text-align: left;
  margin-top: .2rem;
  margin-bottom: .3rem;
  transform: translateX(.1rem);
}

.dia-tips9 {
  font-size: .18rem;
  color: #ffeec7;
  text-decoration: underline;
  transform: translateY(-.2rem);
}

.rule-wrap {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.rule-item {
  position: relative;
  text-align: left;
  display: flex;
  align-items: flex-start;
  margin-bottom: .22rem;
}

.rule-item-icon {
  width: .24rem;
  height: .24rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/icon-lucky-list.png) no-repeat;
  background-size: 100%;
  margin-right: .1rem;
  margin-top: .06rem;
}

.rule-detail {
  width: 5rem;
  font-size: .26rem;
  color: #f1d9a7;
}

/* 粘贴口令内容 */
.paste-title {
  font-size: .36rem;
  color: #efeddf;
}

.paste-num {
  width: 5.41rem;
  height: .81rem;
  line-height: .81rem;
  font-size: .48rem;
  color: #f1d9a7;
  text-align: center;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/paste-num-bg.png) no-repeat;
  background-size: 100%;
  margin: .32rem 0 .12rem 0;
}

.paste-tips {
  font-size: .26rem;
  color: #fff;
  margin-bottom: .36rem;
}

/* 弹窗按钮 */
.btn-dia {
  width: 2.8rem;
  height: .8rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/dia-btn.png) no-repeat;
  background-size: 100%;
  font-size: 0.32rem;
  color: #624229;
  margin: 0 auto .7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  flex-shrink: 0;
}

.btn-dia.btn-hastext{
  flex-direction: column;
}
.btn-dia.btn-hastext>div:first-child{
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-dia.btn-hastext>div:last-child{
  font-size: 0.18rem;
  color: #6d4a38;
}

.btn-dia-icon {
  width: .24rem;
  height: .24rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/dia-btn-icon.png) no-repeat;
  background-size: 100%;
  margin-left: .06rem;
}

.btn-dia-text {
  font-size: .18rem;
  margin-top: -.3rem;
  transform: translateY(-.26rem);
  color: #ffeec7;
  text-decoration: underline;
}

.btn-dia-tips {
  margin-bottom: 0;
  transform: translateY(-.3rem);
}

.btn-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 4.58rem;
}

.btn-zb,
.btn-qrsy {
  width: 2.14rem;
  height: .8rem;
  text-align: center;
  line-height: .8rem;
  font-size: .32rem;
  color: #624229;
}

.btn-zb {
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/btn-zb.png) no-repeat;
  background-size: 100%;
}

.btn-qrsy {
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/btn-qrsy.png) no-repeat;
  background-size: 100%;
}

.btn-kefu{
  width: 2.8rem;
  height: .83rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/kefu-btn.png) no-repeat;
  background-size: 100%;
  font-size: 0.32rem;
  margin: 0 auto .12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  color: transparent;
  flex-shrink: 0;
}

/* 弹窗关闭icon */
.dia-close {
  width: .73rem;
  height: .72rem;
  background: url(https://image-1251917893.file.myqcloud.com/2022/a20220303LotteryTemplate/img/icon-close.png) no-repeat;
  background-size: 100%;
  margin-top: .42rem;
}

/* 补充样式 */
.header-layout {
  width: 100%;
  height: 4.74rem;
  background-color: #53549b;
}

.header-layout img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

/* 新加的横版结构 */
.hroz-left-img{
  display: none;
}
.hroz-left-wrap{
  display: none;
}
.icon-horz-back{
  display: none;
}
.btn-horz-rule{
  display: none;
}
.prize-pool-tabs{
  display: none;
}
/* 横版的样式 */
@media screen and (orientation: landscape) {
  /* 头部 */
  .header{
    display: none;
  }
  /* 登陆 */
  .sign-in{
    display: none;
  }
  /* 抽奖标题 */
  .lottery-title{
    display: none;
  }
  .password-title{
    display: none;
  }
  /* tab */
  .van-tabs__wrap{
    display: none;
  }
  /* 刷新按钮 */
  .btn-refresh{
    display: none;
  }
  /* 更多按钮 */
  .tab-more{
    display: none;
  }
  /* 中奖标题 */
  .lucky-list-title{
    display: none;
  }
  /* 中奖列表 */
  .lucky-list{
    display: none;
  }
  .wrapper,.main{
    height: 100%;
    overflow: hidden;
  }
  html{
    width: 100%;
    height: 100%;
    background: url(https://image-1251917893.file.myqcloud.com/2022/a20221125LotteryHor/bg.jpg) no-repeat;
    background-size: cover;
  }
  .main{
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 0;
    background: none;
  }
  .lottery-module{
    margin-top: 0;
  }
  .lottery-wrap{
    margin: 0;
    transform: scale(.8) translateX(-.5rem);
  }
  .text-unlock{
    bottom: -.2rem;
  }
  .van-tabs,.van-tabs__content,.lottery-module .van-tabs__track,.van-tab__pane-wrapper,.van-tab__pane{
    height: 100%;
  }
  /* 弹窗按钮 */
  .dia-close {
    position: absolute;
    top: .2rem;
    right: 0;
    left: 0;
    transform: translateX(3.8rem);
    margin: auto;
    z-index: 9;
  }
  /* 新增dom样式 */
  .icon-horz-back{
    display: block;
    position: absolute;
    top: .18rem;
    left: 0;
    width: .8rem;
    height: .5rem;
    background: url(https://image-1251917893.file.myqcloud.com/2022/a20221125LotteryHor/icon-back.png) no-repeat;
    background-size: 100%;
  }
  .btn-horz-rule{
    display: block;
    position: absolute;
    top: .78rem;
    right: .1rem;
    width: 1rem;
    height: .37rem;
    background: url(https://image-1251917893.file.myqcloud.com/2022/a20221125LotteryHor/btn-rule.png) no-repeat;
    background-size: 100%;
    z-index: 3;
  }
  .horz-wrap{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12.83rem;
    height: 100%;
    margin: 0 auto;
  }
  .hroz-left-img{
    display: block;
    width: 6.43rem;
    height: 6.26rem;
    transform: translateX(.3rem);
  }
  /* 切换奖池tab */
  .prize-pool-tabs{
    position: relative;
    display: block;
    transform: translateX(-.9rem);
  }
  .prize-pool-tab{
    position: relative;
    margin: .8rem 0;
    white-space: nowrap;
    color: #fff;
    text-align: right;
    font-size: .24rem;
  }
  /* 普通tab */
  .prize-pool-tab::before{
    position: absolute;
    top: -1.12rem;
    bottom: 0;
    margin: auto;
    right: -.2rem;
    content: '';
    width: .02rem;
    height: .87rem;
    background: url(https://image-1251917893.file.myqcloud.com/2022/a20221125LotteryHor/line.png) no-repeat;
    background-size: 100%;
  }
  .prize-pool-tab::after{
    position: absolute;
    top: 0;
    bottom: -1.12rem;
    margin: auto;
    right: -.2rem;
    content: '';
    width: .02rem;
    height: .87rem;
    background: url(https://image-1251917893.file.myqcloud.com/2022/a20221125LotteryHor/line.png) no-repeat;
    background-size: 100%;
  }
  /* 第一个tab */
  .prize-pool-tab:first-child::before{
    position: absolute;
    top: -1.58rem;
    bottom: 0;
    margin: auto;
    right: -.2rem;
    content: '';
    width: .02rem;
    height: 1.28rem;
    background: url(https://image-1251917893.file.myqcloud.com/2022/a20221125LotteryHor/line-change.png) no-repeat;
    background-size: 100%;
  }
  .prize-pool-tab:first-child::after{
    display: none;
  }
  /* 最后一个tab */
  .prize-pool-tab:last-child::after{
    position: absolute;
    top: 0;
    bottom: -1.58rem;
    margin: auto;
    right: -.2rem;
    content: '';
    width: .02rem;
    height: 1.28rem;
    background: url(https://image-1251917893.file.myqcloud.com/2022/a20221125LotteryHor/line-change.png) no-repeat;
    background-size: 100%;
    transform: rotate(180deg);
  }
  .prize-pool-tab:last-child::before{
    display: none;
  }
  .prize-pool-tab-active{
    color: #fff4a3;
  }
  .prize-pool-tab .icon-star{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -.24rem;
    content: '';
    width: .1rem;
    height: .14rem;
    background: url(https://image-1251917893.file.myqcloud.com/2022/a20221125LotteryHor/tab-dot.png) no-repeat;
    background-size: 100%;
  }
  .prize-pool-tab-active .icon-star{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -.26rem;
    content: '';
    width: .15rem;
    height: .21rem;
    background: url(https://image-1251917893.file.myqcloud.com/2022/a20221125LotteryHor/tab-dot-act.png) no-repeat;
    background-size: 100%;
  }
}