/*九宫格抽奖2019-05-28*/
.notScroll { overflow: hidden; }
.flex-c { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.fs-rem-xs { font-size: 0.24rem; }
.fs-rem-s { font-size: 0.32rem; }
.fs-rem-l { font-size: 0.36rem; }
.fs-rem-xl { font-size: 0.4rem; }
.fs-rem-xxl { font-size: 0.48rem; }
.btn-click:active { transform: scale(0.9,0.9); }
.mod-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 2000; overflow: hidden; display: none; }

/*九宫格抽奖2019-05-28*/
.bg-fa8e3e { background: #fa8e3e; }
.color-ff4e00 { color: #ff4e00; }
.color-yellow { color: #ffe717; }
.lottery-header { width: 100%; height: 4.6rem; background-image: url(/Resource/Images/TextLottery/index-top-bg.png); background-size: 100% 100%; }
.lottery-title { font-size: 0.64rem; }
.lottery-font { width: 5rem; }
.lottery-header .btn { width: 2.1rem; height: 0.7rem; line-height: 0.7rem; }
.lottery-box { width: 6.8rem; height: 6.8rem; margin: auto; padding: 0.6rem; background-image: url(/Resource/Images/TextLottery/choujiang-bg.png); background-size: 100% 100%; }
.lottery-item, .lottery-btn { width: 1.8rem; height: 1.8rem; position: relative; padding: 0.1rem; background-image: url(/Resource/Images/TextLottery/quare.png); background-size: 100% 100%; text-align: center; }
.lottery-item__circle { width: 1.1rem; height: 1.1rem; margin: auto; background-size: 100% 100%; border-radius: 50%; line-height: 1.1rem; }
.circle-1 { background-image: url(/Resource/Images/TextLottery/circle-red.png); }
.circle-2 { background-image: url(/Resource/Images/TextLottery/circle-yellow.png); }
.circle-3 { background-image: url(/Resource/Images/TextLottery/circle-blue.png); }
.circle-4 { background-image: url(/Resource/Images/TextLottery/circle-orange.png); }
.circle-5 { background-image: url(/Resource/Images/TextLottery/circle-green.png); }
.circle-6 { background-image: url(/Resource/Images/TextLottery/circle-cyanBlue.png); }
.circle-7 { background-image: url(/Resource/Images/TextLottery/circle-purple.png); }
.dont-worry { background-image: url(/Resource/Images/TextLottery/dontworry.png); border-radius: 0; }
.lottery-btn { background-image: url(/Resource/Images/TextLottery/lijichoujiang.png); padding-top: 1.2rem; cursor: pointer; }
.lottery-item p { font-size: 0.24rem; color: #802520; }
.lottery-item .active-mask { width: 1.6rem; height: 1.6rem; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background-color: #fff; opacity: 0.7; display: none; }
.lottery-item.active .active-mask { display: block; }
.receive-btn { width: 5.3rem !important; height: 1rem !important; background: linear-gradient(0deg,rgba(255,198,0,1),rgba(255,249,69,1)); box-shadow: 0 0.08rem 0 0 rgba(220,125,0,0.8); border-radius: 0.36rem; line-height: 1rem !important; }
.receive-btn-remind { width: 0.4rem; height: 0.4rem; border-radius: 50%; line-height: 0.4rem; }
.win-notice { width: 6.4rem; height: 0.8rem; position: relative; margin: auto; line-height: 0.8rem; overflow: hidden; }
.action-rule { width: 6.4rem; margin: auto; padding: .4rem; background-image: url(/Resource/Images/TextLottery/index-bottom-bg.png); background-size: 100% 100%; }
.win-rule { width: 6rem; position: relative; padding-bottom: 0.6rem; border-radius: 0.2rem; }
    .win-rule .close { position: absolute; top: -1.2rem; right: 0; font-size: 0.8rem; }
.win-rule-tle { display: block; width: 100%; }
.win-rule-content { max-height: 45vh; padding: 0.4rem; overflow: auto; }
.win-rule-item { }
.win-rule-item__li li { width: 0.7rem; height: 0.7rem; background-size: 100% 100%; line-height: 0.7rem; text-align: center; }
.win-rule-item__li .red-pack { padding-top: 0.4rem; background-image: url(/Resource/Images/TextLottery/red-pack.png); text-align: center; line-height: 1; }
.win-rule-btn { width: 3.6rem; height: 0.7rem; margin: auto; color: #ff4e00; background: linear-gradient(0deg,rgba(255,198,0,1),rgba(255,249,69,1)); box-shadow: 0 0.08rem 0 0 rgba(255,148,8,0.8); line-height: 0.7rem; }
.win-message { position: relative; padding: 0.4rem 1rem; border-radius: 0.2rem; }
.win-message-result { margin-top: -0.8rem; }
.win-message-get__prize { width: 2rem; height: 2rem; margin: 0.2rem auto; background-size: 100% 100%; line-height: 2rem; font-size: 0.6rem; }
.prize-tab { max-width: 750px; margin: auto; padding: 0.05rem 0; background-color: #fff; }
.prize-tab-item { margin: 0 0.4rem; padding: 0.2rem; }
    .prize-tab-item.active { border-bottom: 0.06rem solid #fa8e3e; font-weight: bold; color: #fa8e3e; }
.get-prize-list { padding-top: 1.2rem; }
.get-prize-item { position: relative; margin: 0 0.4rem; margin-bottom: 0.4rem; padding: 0.2rem; background-color: #feedc9; border-radius: 0.2rem; }
.get-prize-btn { width: 2rem; height: 0.8rem; position: absolute; top: 0.2rem; right: 0.2rem; background: #acacac; box-shadow: 0 0.08rem 0 0 #8a877f; border-radius: 0.36rem; border: 0; line-height: 0.8rem; }
.get-prize-btn__acive { background: linear-gradient(0deg,rgba(250,72,62,1),rgba(255,101,92,1)); box-shadow: 0 0.08rem 0 0 rgba(215,3,3,0.8); }
.get-prize-progress { width: 1.5rem; height: 0.16rem; position: relative; margin: 0 0.2rem; background-color: #f4d082; border-radius: 0.2rem; }
    .get-prize-progress .get-prize-progress__current { height: 100%; position: absolute; top: 0; left: 0; background-color: #fb4e45; border-radius: 0.2rem; }
.get-prize-condition { width: 25%; position: relative; }
.get-prize-condition__num { width: 0.4rem; height: 0.4rem; position: absolute; top: -0.1rem; right: 0.1rem; border-radius: 50%; background-color: #ff4e00; line-height: 0.4rem; border: 0.02rem solid #fff; }
.get-prize-condition__item { width: 1.2rem; height: 1.2rem; margin: auto; margin-bottom: 0.2rem; background-color: #acacac; background-size: 100% 100%; border-radius: 50%; line-height: 1.2rem; }
.get-prize-top { padding: 0.2rem 0; background-image: url(/Resource/Images/TextLottery/get-prize-top.png); background-size: 100% 100%; }
.prize-service-qr { width: 2.5rem; height: 2.5rem; margin: auto; }
.lottery-record { padding-top: 1.2rem; }
.my-won-list { padding: 0 0.4rem; padding-bottom: 0.4rem; }
.my-won-item { width: 25%; margin-top: 0.2rem; }
    .my-won-item .gift-btn { height: 0.5rem; padding: 0 0.2rem; line-height: 0.5rem; border-radius: 0.2rem; border: 0; background: linear-gradient(0deg,rgba(250,72,62,1),rgba(255,101,92,1)); color: #fff; }
.lottery-record-item { padding: 0.2rem 0.4rem; }
/*拉霸抽奖版本*/
.lottery-box-2 { width: 7.5rem; height: 6.32rem; position: relative; margin: auto; background-image: url(/Resource/Images/TextLottery/laba-merchan.gif); background-size: 100% 100%; }
.lottery-box-2-num { width: 0.7rem; position: absolute; bottom: 1.75rem; left: 2.6rem; }
.lottery-box-2__content { width: 4rem; height: 1.6rem; position: absolute; top: 1.2rem; left: 1.8rem; overflow: hidden; }
.lottery-list-2 { position: relative; top: 0rem; }
.lottery-list-2-item { height: 1.6rem; }
.lottery-2-item { height: 1.6rem; position: relative; padding: 0.1rem; text-align: center; }
.lottery-2-item__circle { width: 1.1rem; height: 1.1rem; margin: auto; background-size: 100% 100%; border-radius: 50%; line-height: 1.1rem; }
.lottery-2-item p { font-size: 0.24rem; color: #802520; }
.lottery-prize-box { background-color: #feedc9; margin: .2rem 0.2rem; border-radius: 0.1rem; }
.lottery-prize-item { margin: 0.1rem; box-shadow: inset 0 0.04rem 0.09rem 0 rgba(145,69,16,0.81); border-radius: 0.1rem; }
    .lottery-prize-item.lottery-2-item { height: unset; padding: 0.2rem; }
.lottery-btn-2 { width: 4.4rem;height: 1.2rem;position: absolute;bottom: 1.2rem;right: 1.6rem;padding-bottom: 0.5rem;background-color: transparent;border: 0;color: #fff; }
.playNum{position: absolute;bottom: 0rem;left: 0;right: 0;margin: auto;}