@charset "UTF-8";

.btn-common-bg-color {
  background: linear-gradient(180deg,#fffad5,#ed910a 47%,#ff6400)!important
} 
.u-popup .u-transition .u-popup__content {
  background: #06182f
} 
.u-popup .u-transition .u-popup__content .u-picker .u-toolbar {
  color: #fff
} 
.u-popup .u-transition .u-popup__content .u-picker .u-toolbar .u-toolbar__title {
  color: #fff
} 
.u-popup .u-transition .u-popup__content .u-picker .u-picker__view .uni-picker-view-wrapper .u-picker__view__column .uni-picker-view-group .uni-picker-view-mask {
  background: #06182f;
  z-index: 0
} 
.u-popup .u-transition .u-popup__content .u-picker .u-picker__view .uni-picker-view-wrapper .u-picker__view__column .uni-picker-view-group .uni-picker-view-content .u-picker__view__column__item {
  color: #fff
}


@-webkit-keyframes swing {
  0%, 100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  20% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }

  40% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  60% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg)
  }

  80% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

@keyframes swing {
  0%, 100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  20% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }

  40% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  60% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg)
  }

  80% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

.alarm-clock {
  -webkit-animation: swing .25s infinite alternate;
  animation: swing .25s infinite alternate
}

.fissionView {
  position: relative
}

.ruleBox {
  position: absolute;
  /* width: calc(87px * .66); */
  height: calc(45px * .66);
  border-radius: calc(22px * .66) 0 0 calc(22px * .66);
  font-family: Arial Rounded MT Bold;
  font-weight: 400;
  font-size: calc(20px * .66);
  color: #9c2619;
  line-height: calc(35px * .66);
  text-align: center;
  top: 24px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0 5px 0 10px;
  background: linear-gradient(180deg, #ffffff 0%, #fcab73 104.41%);
}
.ruleBox span {
  max-width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.truntable_main {
  /* height: calc(1280px * .66); */
  min-height: calc(100% - 54px);
  background-image: url(../img/activity/turntable2/bg2.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: calc(18px * .66);
  padding-bottom: 20px;
}

.truntable_main .balance {
  width: calc(277px * .66);
  height: calc(45px * .66);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: calc(22px * .66);
  margin: auto;
  margin-bottom: calc(24px * .66)
}

.truntable_main .balance .uni-image {
  width: calc(33px * .66);
  height: calc(31px * .66);
  margin-right: calc(14px * .66);
  position: relative;
}

.truntable_main .balance .uni-text {
  font-family: Arial_Rounded;
  font-weight: 400;
  font-size: calc(20px * .66);
  color: #111;
  line-height: calc(27px * .66)
}

.truntable_main .redBox {
  width: calc(473px * .66);
    /* height: calc(842px * .66); */
    margin: auto;
    /* background-image: url(../img/activity/turntable2/turnTable_10.png); */
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* padding-top: calc(29px * .66); */
}

.truntable_main .redBox .Congratulations {
  font-family: Berlin;
  font-weight: 700;
  font-size: calc(27px * .66);
  color: #9c2619;
  line-height: calc(42px * .66);
  /* -webkit-text-stroke: 1px #fffbf7; */
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.truntable_main .redBox .Congratulations .money {
  font-family: HarmonyOS_Sans_SC;
  font-weight: 900;
  font-size: calc(35px * .66);
  color: #ff1900;
  line-height: calc(33px * .66);
  /* text-stroke: 1px #df2d01;
  background: linear-gradient(154deg,#fddfc4,#fff5ec 30.44434%,#fff5ec 45.72754%,#fff5ec 78.32031%,#fff8f1);
  -webkit-text-stroke: 1px #df2d01;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent */
}

.truntable_main .redBox .progress {
  width: calc(330px * .66);
  height: calc(28px * .66);
  margin: auto;
  background-image: url(../img/activity/turntable2/turnTable_12.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: calc(25px * .66);
  margin-bottom: calc(29px * .66);
  position: relative;
  overflow: visible;
  background-color: transparent;
}

.truntable_main .redBox .progress .bar {
  width: calc(330px * .66);
  height: calc(28px * .66);
  background-image: url(../img/activity/turntable2/turnTable_11.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% 100%
}

.truntable_main .redBox .progress .redBox2 {
  width: calc(61px * .66);
  height: calc(64px * .66);
  position: absolute;
  right: -15px;
  top: -15px
}

.truntable_main .redBox .progress .redBox2 .signPoint {
  width: 88px;
  height: 89px;
  position: absolute;
  top: calc(60%);
  left: calc(60%);
  z-index: 9;
  background-image: url(../img/activity/turntable2/choose_2.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-align: center
}

.truntable_main .redBox .progress .redBox2 .red {
  width: calc(61px * .66);
  height: calc(64px * .66);
  background-image: url(../img/activity/turntable2/turnTable_17.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  font-family: Arial;
  font-weight: 700;
  font-size: calc(18px * .66);
  color: #ff4d50;
  line-height: calc(22px * .66);
  text-align: center;
  padding-top: 7px
}

.truntable_main .redBox .progress .redBox2 .red .text_num {
  margin-bottom: 5px
}

.truntable_main .redBox .progress .redBox2 .red .get {
  font-family: Berlin;
  color: #fefefe;
  font-size: calc(23px * .66)
}

.truntable_main .redBox .dec {
  width: calc(289px * .66);
  /* height: calc(40px * .66); */
  font-family: Berlin;
  font-weight: 700;
  font-size: calc(19px * .66);
  color: #fff;
  /* line-height: calc(24px * .66); */
  margin: auto;
  margin-bottom: 4px;
  text-align: center;
}
.truntable_main .redBox .dec span {
  font-family: HarmonyOS_Sans_SC;
  font-weight: 900;
  font-size: calc(31.68px);
  color: #fee200;
}

.truntable_main .redBox .money2 {
  font-family: HarmonyOS_Sans_SC;
  font-weight: 900;
  font-size: calc(29px * .66);
  color: #fe1900;
  line-height: calc(45px * .66);
  text-align: center
}

.truntable_main .redBox .share_bg {
  width: calc(302px * .66);
  height: calc(55px * .66);
  margin: auto;
  background-image: url(../img/activity/turntable2/btn.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc(20px * .66)
}

.truntable_main .redBox .share_bg .uni-image {
  width: calc(27px * .66);
  height: calc(25px * .66);
  margin-right: calc(24px * .66);
  position: relative;
}

.truntable_main .redBox .share_bg .uni-text {
  font-family: Berlin;
  font-weight: 700;
  font-size: calc(20px * .66);
  color: #9c2619;
  line-height: calc(24px * .66)
}

.truntable_main .redBox .turn {
  width: calc(415px * .66);
  height: calc(415px * .66);
  margin: auto;
  margin-top: calc(13px * .66);
  position: relative
}

.truntable_main .redBox .turn .turntable {
  position: absolute;
  top: 0;
  left: 0
}

.truntable_main .redBox .turn .spin {
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 25px);
  z-index: 9;
  cursor: pointer;
}

.truntable_main .redBox .turn .spin .uni-view {
  font-family: Berlin;
  font-weight: 700;
  font-size: calc(35px * .66);
  color: #ff1900;
  line-height: calc(25px * .66);
  text-align: center
}

.truntable_main .redBox .turn .spin .small {
  font-size: calc(25px * .66)
}

.truntable_main .redBox .turn .spin .btn {
  position: absolute;
  width: 75px;
  height: 75px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: 9;
  background: none;
}

.redBox .progress_bg {
  border-radius: 12px;
  padding: 10px 10px;
  background: linear-gradient(270deg, #FEB35D 0%, #FFDBA7 100%);
  box-shadow: 0px 4px 0px 0px rgba(39, 25, 13, 0.20);
  margin-bottom: 16px;
}

.redBox .turntable_prize .sign {
    width: calc(253px * .66);
    height: calc(153px * .66);
    position: absolute;
    top: calc(10% - 25px);
    left: calc(25% - 15px);
    z-index: 999;
    background-image: url(../img/activity/turntable2/sign_1.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    font-family: Berlin;
    font-weight: 700;
    font-size: calc(17px * .66);
    color: #fff;
    font-style: italic;
    padding-top: 18px;
    align-items: center;
    padding-bottom: 30px;
}

.redBox .turntable_prize .sign .text {
  width: calc(191px * .66)
}

.redBox .turntable_prize .sign2 {
  width: calc(320px * .66)!important;
  left: calc(16%);
  padding-top: 18px;
  cursor: pointer;
}

.redBox .turntable_prize .sign2 .text {
  width: calc(247px * .66)
}

.redBox .turntable_prize .sign3 {
  width: calc(370px * .66)!important;
  left: calc(6%);
  padding-top: 18px
}

.redBox .turntable_prize .sign3 .text {
  width: calc(300px * .66)
}

.redBox .turntable_prize .signPoint {
  width: 112px;
  height: 111px;
  position: absolute;
  top: calc(10%);
  left: calc(50%);
  z-index: 999;
  background-image: url(../img/activity/turntable2/dianji.gif);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-align: center
}

.redBox .turntable_prize .signPoint2 {
  top: calc(10%)
}

.truntable_main .redBox .dec3 {
  font-family: Arial_Rounded;
  font-weight: 400;
  font-size: calc(18px * .66);
  color: #fff;
  line-height: calc(24px * .66);
  text-align: center;
  margin-top: 5px
}

.truntable_main .Winners {
  width: calc(482px * .66);
  height: calc(305px * .66);
  margin: auto;
  background-image: url(../img/activity/turntable2/turnTable_14.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-top: calc(17px * .66);
  margin-top: calc(28px * .66)
}

.truntable_main .Winners .title {
  font-family: Arial_Rounded;
  font-weight: 400;
  font-size: calc(23px * .66);
  color: #fff;
  line-height: calc(30px * .66);
  text-align: center
}

.truntable_main .Winners .scrollView {
  width: 90%;
  height: calc(200px * .66);
  margin: auto;
  margin-top: calc(28px * .66);
  overflow-y: scroll
}

.truntable_main .Winners .scrollView .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 12px;
  color: #ee8c00;
  line-height: 12px
}

.truntable_main .Winners .scrollView .item .userBox {
  display: flex;
  align-items: center;
  font-size: 12px;
  justify-content: space-between;
  width: 100%
}

.truntable_main .Winners .scrollView .item .userBox .avatar {
  margin-right: 8px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid #f88a20
}

.truntable_main .Winners .scrollView .item .userBox .type {
  width: 60px;
  white-space: nowrap
}

.truntable_main .Winners .scrollView .item .userBox .typelong {
  width: 90px
}

.truntable_main .Winners .scrollView .item .userBox .amount {
  text-align: left;
  width: 30px
}

.truntable_main .Winners .scrollView .item .userBox .red {
  color: red
}

.truntable_main .Winners .scrollView .item .dataBox {
  text-align: right
}

.vh100 {
  height: 100vh!important
}


.uni-image>div, .uni-image>img {
    width: 100%;
    height: 100%;
}

.uni-image>img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
}


.drawMain {
    width: calc(415px * .66);
    height: calc(415px * .66)
}

.draw {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 2
}

.position {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%
}

.drawImg {
    position: absolute;
    z-index: 8;
    width: calc(415px * .66);
    height: calc(415px * .66)
}

.btn {
    position: absolute;
    width: 100px;
    height: 50px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: red;
    z-index: 9
}

.lamp {
    position: absolute;
    z-index: 4;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.drawContent {
    position: absolute;
    width: calc(415px * .66);
    height: calc(415px * .66);
    z-index: 5
}

.drawContentView {
    position: absolute;
    width: calc(415px * .66);
    height: calc(415px * .66);
    z-index: 5
}

.reward {
    position: absolute;
    width: 1px;
    height: 1px;
    left: 50%;
    top: 50%;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    z-index: 10;
    color: #c52a2c
}

.reward .uni-image {
    width: calc(51px * .66);
    height: calc(51px * .66);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.reward .uni-text {
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    width: calc(90px * .66);
    font-family: Berlin;
    font-weight: 700;
    font-size: calc(27px * .66);
    color: #ff1900;
    line-height: calc(24px * .66);
    white-space: normal;
    text-align: center
}

.posImg {
    -webkit-transform: translate(-50%,-90%) rotate(-50deg)!important;
    transform: translate(-50%,-90%) rotate(-50deg)!important
}

.posText {
    -webkit-transform: translate(-45%,32%)!important;
    transform: translate(-45%,32%)!important
}


.number-roller-wrap {
    display: inline-flex;
    align-items: center;
    overflow: hidden
    /*font-family: Courier;*/
}

.number-roller-wrap .number-roller {
    line-height: 1;
    display: inline-flex
}

.number-roller-wrap .number-roller-column {
    line-height: 1;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: -webkit-transform 1.2s;
    transition: transform 1.2s;
    transition: transform 1.2s,-webkit-transform 1.2s
}




/*================== 分享 ==================*/

.div--maxwidth {
    width: 100%;
    min-height: calc(100% - 54px);
    display: block;
    box-sizing: border-box;
    background: #fd642a;
    position: relative;
    overflow: hidden;
}
.uni-page {
    display: block;
    width: 100%;
    /* height: 100%; */
}
.imgBg {
    width: 9rem;
    height: 15rem;
    background:url(../img/activity/turntable2/poster.png) no-repeat;
    background-position:top;
    background-repeat:no-repeat;
    background-size:100% 100%;
    margin:auto;
    position:relative;
    border-radius: 16px;
}
.componentMaxWidth .uni-view {
  max-width: 400px;
}
.imgBox {
    padding:15px 10px 0;
    margin-bottom:50px;
    position:relative
}
.qrcode {
    width:70px;
    height:70px;
    position:absolute;
    left:calc(50% - 35px);
    bottom:15px
}
.fissionPosterView {
    min-height: calc(100vh - 54px);
    background-image: url(../img/activity/turntable2/bg8.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: calc(18px * .66);
    margin-bottom: 20px;
}
.fissionPosterView .closure {
    margin:auto;
    width:calc(184px * .66);
    height:calc(51px * .66);
    background-image:url(../img/activity/turntable2/poster_btn.png);
    background-position:top;
    background-repeat:no-repeat;
    background-size:100% 100%;
    font-family:Berlin;
    font-weight:700;
    font-size:calc(21px * .66);
    color:#fdfdfd;
    line-height:calc(20px * .66);
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center
}
.share_btns {
    display:flex;
    justify-content:space-around;
    align-items:center;
    position:fixed;
    bottom:0;
    width:100%;
    max-width: 440px;
    background: #fff;
    padding: 20px 0;
    border-radius: 20px 20px 0 0;
}
.share_btns .item {
    display:flex;
    justify-content:space-around;
    align-items:center;
    flex-direction:column
}
.share_btns .item .uni-image {
    width:45px;
    height:45px;
    margin-bottom:5px;
    position: relative;
}
.share_btns .item .uni-text {
    font-weight:700;
    font-size:.34rem;
    color:#232323;
    line-height:calc(20px * .66)
}
.share_amount {
    position:absolute;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    left:50%;
    bottom:102px;
    display: flex;
}
.share_amount .uni-image {
    width:33px;
    height:39px;
    position: relative;
}
.share_amount h1 {
  font-size: 44px;
  background: linear-gradient(180deg, #fff6e4 0%, #ffc51c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}



/*===================== 弹窗 =====================*/

.uni-view,.uni-scroll-view,.uni-swiper-item {
	display:flex;
	flex-direction:column;
	flex-shrink:0;
	flex-grow:0;
	flex-basis:auto;
	align-items:stretch;
	align-content:flex-start
}
.u-popup {
	flex:1;
	width:100%;
	position:absolute;
	left:0;
	right:0;
  display: none;
}
.u-popup .center {
	width:100%;
  transition-duration: 350ms;
  transition-timing-function: ease-out;
  position: fixed;
  top: 0px;
  z-index: 1000;
  bottom: 0px;
  
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.u-fade-enter-to {
  background-color: rgba(0, 0, 0, 0.8);
}


.u-popup__content {
	background-color:#fff;
	position:relative
}
.u-popup__content--round-top {
	border-top-left-radius:0;
	border-top-right-radius:0;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px
}
.u-popup__content--round-left {
	border-top-left-radius:0;
	border-top-right-radius:10px;
	border-bottom-left-radius:0;
	border-bottom-right-radius:10px
}
.u-popup__content--round-right {
	border-top-left-radius:10px;
	border-top-right-radius:0;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:0
}
.u-popup__content--round-bottom {
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0
}
.u-popup__content--round-center {
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px
}
.u-popup__content__close {
	position:absolute
}
.u-popup__content__close--hover {
	opacity:.4
}
.u-popup__content__close--top-left {
	top:15px;
	left:15px
}
.u-popup__content__close--top-right {
	top:15px;
	right:15px
}
.u-popup__content__close--bottom-left {
	bottom:15px;
	left:15px
}
.u-popup__content__close--bottom-right {
	right:15px;
	bottom:15px
}





/*===================== 规则弹窗 =====================*/

.fissionRuleDialog {
	width:calc(483px * .66);
	height:100vh;
	padding-top:10px;
	display:flex;
	align-items:center;
}
.rulebody {
    width: 100%;
    height: calc(1044px * .66);
    position: relative;
    background-image:url(../img/activity/turntable2/rule.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-right: calc(28px * .66);
    padding-left: calc(28px * .66);
    padding-top: calc(85px * .66);
    scale: .9;
}

.rulebody::before {
    content: "";
    width: 100%;
    /* height: 30px; */
    position: absolute;
    left: 0;
    bottom: -28px;
    background-image: url(../img/activity/turntable2/rule.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%;
}

.mainContent {
	font-family:Arial_Rounded;
	font-weight:400;
	font-size:13px;
	color:#64423f;
	line-height:16px;
	height:550px;
	overflow-y:scroll
}
.ruletitle {
	font-family:Berlin;
	font-weight:700;
	font-size:calc(26px * .66);
	color:#fff;
	line-height:calc(46px * .66);
	padding-left:calc(30px * .66);
	margin-bottom:25px
}
.item {
	font-family:Arial_Rounded;
	font-weight:400;
	font-size:calc(20px * .66);
	color:#64423f;
	line-height:calc(20px * .66);
	margin-bottom:15px
}
.item .item_content {
	font-size:calc(13px * .66)
}
.closebtn {
	position:absolute;
	top:-35px;
	right:0px;
	width:calc(42px * .66);
	height:calc(42px * .66);
	background-image:url(../img/activity/turntable2/close.png);
	background-position:top;
	background-repeat:no-repeat;
	background-size:100% 100%;
	margin:auto;
	margin-top:50px;
  cursor: pointer;
}



/* ==================== 惊喜弹窗 ===================== */

.fissionRewardDialog {
	width:calc(460px * .66);
	/* height:calc(462px * .66) */
}
.fissionRewardDialog .nullBox {
	width:calc(460px * .66);
	height:calc(462px * .66);
	background-image:url(../img/activity/turntable2/wow2.gif);
	background-position:top;
	background-repeat:no-repeat;
	background-size:100% 100%;
	position:relative
}
.fissionRewardDialog .top {
	width:273px;
	height:53px;
	margin:auto;
	background-image:url(../img/activity/turntable2/choose_1.png);
	background-position:top;
	background-repeat:no-repeat;
	background-size:100% 100%
}
.fissionRewardDialog .top .wow {
	font-family:Arial_Rounded;
	font-weight:400;
	font-size:calc(75px * .66);
	color:#fff;
	line-height:calc(81px * .66);
	text-stroke:2px #e5281f;
	font-style:italic;
	background:linear-gradient(154deg,#fddfc4,#fff5ec 30.44434%,#fff5ec 45.72754%,#fff5ec 78.32031%,#fff8f1);
	text-align:center
}
.fissionRewardDialog .winning {
	font-family:Arial_Rounded;
	font-weight:400;
	font-size:calc(33px * .66);
	color:#fff;
	line-height:calc(36px * .66);
	text-stroke:1px #e5281f;
	font-style:italic;
	background:linear-gradient(154deg,#fddfc4,#fff5ec 30.44434%,#fff5ec 45.72754%,#fff5ec 78.32031%,#fff8f1);
	white-space:nowrap;
	text-align:center;
	margin-bottom:calc(290px * .66)
}
.fissionRewardDialog .cash {
	font-family:Berlin;
	font-weight:700;
	font-size:calc(30px * .6);
	color:#f9dfbb;
	line-height:calc(21px * .66);
	text-align:center;
	position:absolute;
	bottom:20px;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
}
.fissionRewardDialog .txt {
    color: #fffdfb;
    text-stroke: 1px #ff000d;
    -webkit-text-stroke: 1px #ff000d;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%) rotate(-1deg) skewX(-5deg);
    background: linear-gradient(90deg, #FFF7E8 0%, #FEDFB9 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.fissionRewardDialog .continue {
	font-family:Berlin;
	font-weight:700;
	font-size:calc(19px * .66);
	color:#fff;
	line-height:calc(24px * .66);
	-webkit-text-decoration-line:underline;
	text-decoration-line:underline;
	text-align:center;
  position: relative;
  cursor: pointer;
}
.fissionRewardDialog .aniBg {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0
}
.fissionRewardDialog .bg_1 {
	width:calc(421px * .66);
	height:calc(284px * .66);
	background-image:url(../img/activity/turntable2/aniBg_1.png);
	background-position:top;
	background-repeat:no-repeat;
	background-size:100% 100%;
	position:absolute;
	top:26%;
	left:4%
}
.fissionRewardDialog .bg_2 {
	width:calc(458px * .66);
	height:calc(442px * .66);
	background-image:url(../img/activity/turntable2/aniBg_2.png);
	background-position:top;
	background-repeat:no-repeat;
	background-size:100% 100%;
	position:absolute;
	top:15%
}
.fissionRewardDialog .bg_3 {
	width:calc(540px * .66);
	height:calc(862px * .66);
	background-image:url(../img/activity/turntable2/aniBg_3.png);
	background-position:top;
	background-repeat:no-repeat;
	background-size:100% 100%;
	position:absolute;
	top:-48%;
	left:-2%
}





/* ==================== 邀请好友充值弹窗 ===================== */

.fissionFcDialog {
  width:calc(250px);
  height:calc(270px);
  background-image:url(../img/activity/turntable2/friend_ch_1.png);
  background-position:top;
  background-repeat:no-repeat;
  background-size:100% 100%;
  position:relative;
  display: flex;
  align-items: center;
}
.fissionFcDialog .closure {
	margin:auto;
	width:calc(104px * .66);
	height:calc(112px * .66);
	background-image:url(../img/activity/turntable2/friend_ch_2.png);
	background-position:top;
	background-repeat:no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:calc(50% - calc(104px * .66) / 2);
	bottom:5px;
  cursor: pointer;
}
.fissionFcDialog .invite_txt {
  width: 65%;
  font-size: 11px;
  margin: 0 auto;
  padding: 0px 0 30px;
  text-align: center;
  line-height: 16px;
  font-weight: 500;
}
.fissionFcDialog .invite_txt .first_block {
  background: linear-gradient(180deg, #FFA102 0%, #FE400C 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0 10px;
}
.fissionFcDialog .invite_txt .first_block .smalltxt {
  font-size: 12px;
  color: #FF0401;
  font-weight: bold;
}
.fissionFcDialog .invite_txt .first_block .bigtxt {
  font-size: 16px;
  color: #FF0401;
  font-weight: bold;
}
.fissionFcDialog .invite_txt .second_block {
  color: #FF0401;
  border-top: 1px dashed #FF0401;
  margin-top: 10px;
  padding: 10px 5px 0;
}
.fissionFcDialog .invite_txt .second_block span {
  font-weight: bold;
  font-size: 14px;
}
.fissionFcDialog.hi {
	background-image:url(../img/activity/turntable2/friend_ch_1.png)
}
.fc1 {
	position:absolute;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	right:147px;
	top:87px;
  display: flex;
  font-weight: bold;
  font-size: 16px;
  color: #ff6503;
}
.fc1 .uni-image {
	width:11px;
	height:13px
}
.fc1.hi {
	right:165px;
	top:100px
}
.fc2 {
	position:absolute;
	-webkit-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%);
	left:106px;
	top:70px;
  display: flex;
  font-size: 12px;
  color: #ff6503;
}
.fc2 .uni-image {
	width:6px;
	height:13px
}
.fc2.hi {
	left:64px;
	top:53px;
	-webkit-transform:translateX(-100%) translateY(-50%);
	transform:translateX(-100%) translateY(-50%)
}



/* ==================== 选择礼物弹窗 ===================== */

.return {
	width:50px;
	height:50px;
	position:fixed;
	top:0;
	left:0
}
.fissionChoose .top {
	width:273px;
	height:53px;
	margin:auto;
	background-image:url(../img/activity/turntable2/choose_1.png);
	background-position:top;
	background-repeat:no-repeat;
	background-size:100% 100%;
	padding-top:5px;
	margin-bottom:calc(121px * .66)
}
.fissionChoose .top .uni-view {
	font-family:Arial_Rounded;
	font-weight:600;
	font-size:20px;
	color:#fffdfb;
	text-stroke:1px #ff000d;
	-webkit-text-stroke:1px #ff000d;
	text-align:center
}
.fissionChoose .giftmain {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	justify-content:space-around;
	padding:0 10px;
  max-width: 400px;
}
.fissionChoose .giftmain .giftitem {
	width:133px;
	height:94px;
	position:relative;
	margin-bottom:calc(116px * .66);
  cursor: pointer;
}
.fissionChoose .giftmain .giftitem .itemBg {
	width:191px;
	height:191px;
	position:absolute;
	background-image:url(../img/activity/turntable2/choose_3.png);
	background-position:top;
	background-repeat:no-repeat;
	background-size:100% 100%;
	top:-50%;
	left:-25%
}
.fissionChoose .giftmain .giftitem .open_box {
	width:133px;
	height:94px;
	position:absolute;
	background-image:url(../img/activity/turntable2/choose_4.png);
	background-position:top;
	background-repeat:no-repeat;
	background-size:100% 100%;
	top:0;
	left:0
}
.fissionChoose .giftmain .giftitem .giftbox {
	width:133px;
	height:94px;
	position:absolute;
	background-image:url(../img/activity/turntable2/choose_5.png);
	background-position:top;
	background-repeat:no-repeat;
	background-size:100% 100%;
	top:0;
	left:0
}
.fissionChoose .giftmain .giftitem .giftBg {
	width:calc(291px * .66);
	height:calc(289px * .66);
	background-image:url(../img/activity/turntable2/choose_3.png);
	background-position:top;
	background-repeat:no-repeat;
	background-size:100% 100%;
	position:absolute;
	top:-50px;
	left:-30px;
  display: none;
}
.fissionChoose .giftmain .giftitem .gift {
	width:calc(227px * .66);
	height:calc(235px * .66);
	background-image:url(../img/activity/turntable2/gift2.gif);
	background-position:top;
	background-repeat:no-repeat;
	background-size:cover;
	position:absolute;
	top:-60px;
	left:-30px;
  display: none;
}
.fissionChoose .giftmain .giftitem .giftpoint {
	width:88px;
	height:89px;
	position:absolute;
	background-image:url(../img/activity/turntable2/choose_2.png);
	background-position:top;
	background-repeat:no-repeat;
	background-size:100% 100%;
	bottom:-50%;
	right:-10%
}




/* ==================== 抽奖结果弹窗 ===================== */

.fissionNoRewardDialog {
	width:calc(540px * .66);
	height:calc(665px * .66);
	background-image:url(../img/activity/turntable2/reward_2.png);
	background-position:top;
	background-repeat:no-repeat;
	background-size:100% 100%;
	position:relative
}
.fissionNoRewardDialog .closure {
	margin:auto;
	font-family:Berlin;
	font-weight:700;
	font-size:calc(19px * .66);
	color:#fff;
	line-height:calc(24px * .66);
	-webkit-text-decoration-line:underline;
	text-decoration-line:underline;
	text-align:center;
	position:absolute;
	bottom:10px;
	left:calc(50% - calc(36px * .66));
  cursor: pointer;
}
.fissionNoRewardDialog.hi {
	background-image:url(../img/activity/turntable2/reward_2.png)
}
.noRewardh1 {
  font-size: 38px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%) rotate(-1deg) skewX(-5deg);
  background: linear-gradient(90deg, #FEF7C3 0%, #FFFADD 50.96%, #FFDEA4 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0px 4px 4px rgba(126, 0, 0, 0.25);
}
.noRewardh2 {
  font-size: 20px;
  text-align: center;
  width: 80%;
  position: absolute;
  top: 110px;
  left: 50%;
  transform: translateX(-50%) rotate(-1deg) skewX(-5deg);
  background: linear-gradient(90deg, #FEF7C3 0%, #FFFADD 50.96%, #FFDEA4 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0px 4px 4px rgba(126, 0, 0, 0.25);
}

.noReward1 {
	position:absolute;
	-webkit-transform:rotate(-2.5deg);
	transform:rotate(-2.5deg);
	left:185px;
	top:82px;
  display: flex;
}
.noReward1 .uni-image {
	width:30px;
	height:35px;
  position: relative;
}
.noReward1 img {
  width: auto;
}
.noReward1.hi {
	-webkit-transform:rotate(-5.5deg) translateX(-100%);
	transform:rotate(-5.5deg) translateX(-100%);
	right:125px;
	left:auto;
	top:116px
}
.noReward2 {
	position:absolute;
	-webkit-transform:rotate(-2.5deg) translateX(-100%);
	transform:rotate(-2.5deg) translateX(-100%);
	left:192px;
	top:147px;
  display: flex;
}
.noReward2 .uni-image {
	width:14px;
	height:17px;
  position: relative;
}
.noReward2.hi {
	-webkit-transform:rotate(-2.5deg) translateX(-100%);
	transform:rotate(-2.5deg) translateX(-100%);
	right:230px;
	left:auto;
	top:82px
}
.noReward2 img {
  width: auto;
}



/* ==================== 去登录可获得一次免费抽奖弹窗 ===================== */

.fissionSignDialog {
	width:calc(395px * .66);
	height:calc(428px * .66);
	background-image:url(../img/activity/turntable2/sign_3.png);
	background-position:top;
	background-repeat:no-repeat;
	background-size:100% 100%;
	position:relative
}
.fissionSignDialog h1 {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding-top: 48px;
}
.fissionSignDialog p {
  width: 80%;
  color: #f85c31;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding-top: 68px;
  margin: 0 auto;
}
.fissionSignDialog .closure {
	margin:auto;
	width:calc(279px * .66);
	height:calc(52px * .66);
	background-image:url(../img/activity/turntable2/sign_4.png);
	background-position:top;
	background-repeat:no-repeat;
	background-size:100% 100%;
	font-family:Berlin;
	font-weight:700;
	font-size:calc(28px * .66);
	color:#fff;
	position:absolute;
	left:calc(50% - calc(279px * .66) / 2);
	bottom:-40px;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center
}
.fissionSignDialog.hi {
	background-image:url(../img/activity/turntable2/sign_3.png)
}

.sign .uni-image {
	width:14px;
	height:70px
}
.sign.hi {
	left:107px
}
.fissionSignDialog.signBgen {
	background-image:url(../img/activity/turntable2/sign0-en.png)
}
.fissionSignDialog.signBghi {
	background-image:url(../img/activity/turntable2/sign0_hi.png)
}




/* ==================== 登录完获得一次免费抽奖弹窗 ===================== */

.fissiondifferenceDialog {
	width:calc(460px * .66);
	height:calc(451px * .66);
	background-image:url(../img/activity/turntable2/difference_3.png);
	background-position:top;
	background-repeat:no-repeat;
	background-size:100% 100%;
	position:relative;
	font-family:Arial_Rounded;
	color:#c40101;
	font-size:15px;
	font-weight:700
}
.fissiondifferenceDialog .closure {
	margin:auto;
	width:calc(309px * .66);
	height:calc(73px * .66);
	background-image:url(../img/activity/turntable2/difference_2.png);
	background-position:top;
	background-repeat:no-repeat;
	background-size:100% 100%;
	font-family:Berlin;
	font-weight:700;
	font-size:calc(29px * .66);
	color:#fa2e2e;
	line-height:calc(32px * .66);
	position:absolute;
	left:calc(50% - calc(309px * .66) / 2);
	bottom:20px;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
  padding-bottom: 8px;
}
.fissiondifferenceDialog .difference {
  width: 60%;
  margin: 0 auto;
  color: #744907;
  line-height: 24px;
  padding: 20px 0 0 0;
}
.fissiondifferenceDialog .difference h1 {
  font-size: 20px;
  margin-bottom: 20px;
}
.fissiondifferenceDialog .difference h1 span {
  color: #c40101;
  font-size: 23px;
  font-weight: 700;
}

.fissiondifferenceDialog .difference p {
  font-size: 11px;
  margin-top: 5px;
  border-bottom: 1px dashed #F5BF9A;
}
.fissiondifferenceDialog .difference p span {
  color: #c40101;
  font-size: 16px;
  font-weight: 700;
}
.fissiondifferenceDialog .difference1 {
	position:absolute;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	font-size:22px;
	left:121px;
	top:22px
}
.fissiondifferenceDialog .difference2 {
	position:absolute;
	-webkit-transform:translateX(-100%);
	transform:translateX(-100%);
	left:92px;
	top:93px
}
.fissiondifferenceDialog .difference3 {
	position:absolute;
	left:206px;
	top:126px
}
.fissiondifferenceDialog.hi {
	background-image:url(../img/activity/turntable2/difference_3.png);
	font-size:14px
}
.fissiondifferenceDialog.hi .difference1 {
	font-size:22px;
	left:134px;
	top:22px
}
.fissiondifferenceDialog.hi .difference2 {
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	left:121px;
	top:94px
}
.fissiondifferenceDialog.hi .difference3 {
	left:221px;
	top:127px
}
.fissiondifferenceDialog.diffBgen {
	background-image:url(../img/activity/turntable2/diff0-en.png)
}
.fissiondifferenceDialog.diffBgen .difference2 {
	top:101px
}
.fissiondifferenceDialog.diffBghi {
	background-image:url(../img/activity/turntable2/diff0_hi.png)
}
.fissiondifferenceDialog.diffBghi .difference1 {
	left:135px
}
.fissiondifferenceDialog.diffBghi .difference2 {
	top:101px;
	left:143px
}


.accumulated {
  /* background: linear-gradient(90deg, #FBF0A1 0%, #FAD685 65.51%, #FBF0A1 121.2%);
  border-radius: 12px; */
  padding: 10px 10px;
  /* width: fit-content; */
  margin: 0 auto;
  background: #e97935;
  border-radius: 12px;
}



/* ==================== 提现弹窗 ===================== */
.widthdrawDialog {
  background-image: url(../img/activity/turntable2/withdrawl_pop.png);
  background-position: 0 20px;
}

.widthdrawDialog .widthdrawBtn {
  margin: auto;
  width: calc(279px * .66);
  height: calc(52px * .66);
  background-image: url(../img/activity/turntable2/sign_4.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  font-family: Berlin;
  font-weight: 700;
  font-size: calc(28px * .66);
  color: #fff;
  position: absolute;
  left: calc(50% - calc(279px * .66) / 2);
  bottom: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fissionNoRewardDialog .withdrawl_close {
  position: absolute;
  top: 0;
  right: 16px;
  cursor: pointer;
  width: 24px;
  height: 24px;
}
.fissionNoRewardDialog .withdrawl_close img {
  width: 100%;
  height: 100%;
}


/* ==================== 记录 ===================== */
.truntable_main .turntable {
    background: none;
}
.truntable_main .turntable .content .winning {
    background: url(../img/activity/turntable2/turnTable_14.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 16px;
    min-height: 210px;
}
.truntable_main .turntable .content .winning .title {
    font-family: Arial_Rounded;
    font-weight: 400;
    font-size: calc(23px * .66);
    color: #fff;
    line-height: calc(30px * .66);
    text-align: center;
    padding: 5px 0 10px;
}

.truntable_main .turntable .content .winning_item {
  color: #232323;
}

.truntable_main .rechargeh__container-content__item-body div span:first-of-type {
  color: #232323;
}

.truntable_main .rechargeh__container-content__item-body div.order span {
  color: #ee8c00;
}

.truntable_main .turntable .content .winning_item_right,.truntable_main .rechargeh__container-content__item-body,.truntable_main .rechargeh__container-content__item-body div span.price {
  color: #ee8c00;
}

.truntable_main .turntable .content .winning_report span {
    color: #ff7305;
    border: 1px solid #ff7305;
    background: none;
    position: relative;
}

.truntable_main .turntable .content .winning_report span i img {
    width: 24px;
    position: absolute;
    top: -12px;
    right: 0;
}

.truntable_main .turntable .content .winning_report span.active {
  color: #ffffff;
  background: #ff7305;
}

.truntable_main .turntable .content .winning_list {
  margin-bottom: 5px;
}

.truntable_main .redBox .turntable_prize {
  width: 90%;
}

.truntable_main .wheel .pointer {
  font-size: 18px;
}