@charset "utf-8";

.index { width: 100%; height: 100%; }

.index header { width: 100%; height: 4.4rem; background: rgb(100, 209, 103); position: relative; }

.index header .title { float: left; display: flex; align-items: center; height: 100%; }

.index header .title img { height: 100%; }

.index header .title span { color: rgb(255, 255, 255); font-size: 1.8rem; }

.index header .reg-button, .index header .reg-left { float: right; height: 100%; line-height: 4.4rem; position: absolute; right: 1rem; display: flex; align-items: center; }

.index header .reg-button a, .index header .reg-left a { color: rgb(255, 255, 255); font-size: 1.6rem; }

.index header .reg-left { left: 1rem; }

.index header .reg-left .reg-left-oneSelf { display: flex; align-items: center; }

.index header .reg-left .reg-left-oneSelf img { display: inline-block; height: 2.6rem; width: 2.6rem; }

.index header .reg-left .reg-left-oneSelf span { padding-left: 5px; }

.index header .reg-button-on { height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; right: 1rem; }

.index header .reg-button-on a { display: flex; }

.index header .reg-button-on a i { color: rgb(255, 237, 64); font-size: 2rem; }

.index header .reg-button-on a span { color: rgb(255, 255, 255); font-size: 1.5rem; margin-left: 5px; line-height: 2rem; }

.index .content { width: 100%; }

.index .content .swipe { height: 16rem; width: 100%; float: left; }

.index .content .swipe img { width: 100%; height: 100%; }

.index .content .notice { float: left; width: 100%; height: 3.7rem; }

.index .content .notice .van-notice-bar__left-icon { color: red; font-size: 1.8rem; }

.index .content .notice .van-notice-bar__right-icon { color: rgb(51, 51, 51); }

.index .content .notice::after, .index .content .notice::before { content: ""; height: 0px; width: 0px; display: block; visibility: hidden; clear: both; }

.index .content .hot-merchant { margin: 10px auto 0px; background: rgb(255, 255, 255); float: left; width: 100%; }

.index .content .hot-merchant::after, .index .content .hot-merchant::before { content: ""; height: 0px; width: 0px; display: block; visibility: hidden; clear: both; }

.index .content .hot-merchant .merchant-title { padding-left: 1.1rem; line-height: 4.4rem; position: relative; }

.index .content .hot-merchant .merchant-title span { font-size: 16px; color: rgb(51, 51, 51); padding-left: 0.5rem; }

.index .content .hot-merchant .merchant-title span img { width: 3rem; height: 3rem; position: absolute; top: 0.5rem; }

.index .content .hot-merchant .merchant-title span:nth-child(2) { margin-left: 3rem; }

.index .content .hot-merchant .merchant-menu .index_margin .buttons-tab { position: relative; background: rgb(255, 255, 255); border-bottom: 1px solid rgb(208, 208, 208); height: 4.1rem; display: flex; }

.index .content .hot-merchant .merchant-menu .index_margin .buttons-tab span { width: 100%; height: 100%; font-size: 1.8rem; text-align: center; line-height: 4.1rem; border-bottom: 2px solid transparent; }

.index .content .hot-merchant .merchant-menu .index_margin .buttons-tab .active { color: red; border-color: red; }

.index .content .hot-merchant .merchant-menu .index_margin .content-block { min-height: 200px; }

.index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row { height: 100%; box-sizing: border-box; }

.index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--8 { text-align: center; width: 33.3%; }

.index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--8:nth-child(3n) a, .index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--8:nth-child(5) a { border-left: 0.01rem solid rgb(238, 238, 238) !important; }

.index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--8:nth-child(6) { border-bottom: 0.01rem solid rgb(238, 238, 238) !important; }

.index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--8:nth-child(5) { border-right: 0px; }

.index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--8:nth-child(8) { border-right: 0.01rem solid rgb(238, 238, 238) !important; }

.index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--8, .index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--12, .index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--24 { box-sizing: border-box; border-top: 1px solid rgb(238, 238, 238); background: rgb(255, 255, 255); }

.index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--8:nth-child(2n+1) a, .index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--12:nth-child(2n+1) a, .index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--24:nth-child(2n+1) a { border-right: 0.01rem solid rgb(238, 238, 238); }

.index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--8 a, .index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--12 a, .index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--24 a { display: inline-block; margin: 1.1rem auto; background: rgb(255, 255, 255); width: 100%; box-sizing: border-box; }

.index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--8 .group, .index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--12 .group, .index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--24 .group { height: 100%; background: rgb(255, 255, 255); border-radius: 5px; font-size: 1.8rem; box-sizing: border-box; }

.index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--8 .group img, .index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--12 .group img, .index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--24 .group img { width: 5rem; height: 5rem; margin: 0px 1.2rem; }

.index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--8 .group .right, .index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--12 .group .right, .index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--24 .group .right { display: inline-block; }

.index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--8 .group .ext div, .index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--12 .group .ext div, .index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--24 .group .ext div { color: rgb(160, 160, 160); font-size: 16px; font-weight: 700; }

.index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--8 .group span, .index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--12 .group span, .index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--24 .group span { display: block; vertical-align: top; font-size: 16px; }

.index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--8 .group em, .index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--12 .group em, .index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .van-col--24 .group em { display: block; padding-top: 0.4rem; color: rgb(170, 170, 170); font-size: 13px; font-style: normal; }

.index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .show-group-list { float: left; width: 100%; height: auto; }

.index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .show-group-list .van-col--24 { padding: 0px 2px; box-sizing: border-box; height: 9rem; margin-top: 1rem; }

.index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .show-group-list .van-col--24 .group { height: 100%; text-align: center; background: rgb(255, 255, 255); border-radius: 5px; font-size: 1.8rem; padding-top: 1.2rem; box-sizing: border-box; }

.index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .show-group-list .van-col--24 .group img { width: 5rem; }

.index .content .hot-merchant .merchant-menu .index_margin .content-block .index_lottery_item .van-row .show-group-list .van-col--12 .group { background: none !important; }

.index .content .win-column { float: left; width: 100%; background: rgb(255, 255, 255); margin: 10px auto 0px; }

.index .content .win-column .win-title { padding-left: 1.1rem; line-height: 4.4rem; border-bottom: 2px solid rgb(242, 246, 252); box-sizing: border-box; position: relative; z-index: 2; background: rgb(255, 255, 255); }

.index .content .win-column .win-title span { font-size: 16px; color: rgb(51, 51, 51); margin-left: 3rem; padding-left: 0.5rem; }

.index .content .win-column .win-title img { width: 3rem; height: 3rem; vertical-align: middle; position: absolute; top: 0.5rem; }

.index .content .win-column .win-menu { height: 28rem; overflow: hidden; }

.index .content .win-column .win-menu ul { position: relative; top: 0px; }

.index .content .win-column .win-menu ul li { line-height: 4.5rem; }

.index .content .win-column .win-menu ul li .menu-item { text-align: left; width: 100%; display: flex; align-items: center; }

.index .content .win-column .win-menu ul li .menu-item img { width: 2.2rem; height: 2.2rem; display: inline-block; padding-right: 10px; padding-left: 10px; border-radius: 50%; line-height: 4.5rem; }

.index .content .win-column .win-menu ul li .menu-item span { display: inline-block; font-size: 15px; color: rgb(0, 0, 0); }

.index .content .win-column .win-menu ul li p { text-align: left; font-size: 15px; color: rgb(0, 0, 0); margin: 0px 20px; background: rgb(247, 247, 247); border-radius: 8px; padding-left: 3px; }

.index .content .activity { margin-bottom: 60px; float: left; }

.index .content .activity div { float: left; width: 100%; height: 11rem; margin-top: 20px; }

.index .content .activity div img { width: 100%; }

.index .content .tool-bar { float: left; width: 100%; margin-top: 20px; margin-bottom: 80px; }

.index .content .tool-bar .van-row { height: 100%; box-sizing: border-box; }

.index .content .tool-bar .van-row .van-col--6, .index .content .tool-bar .van-row .van-col--8, .index .content .tool-bar .van-row .van-col--24 { height: 100%; text-align: center; padding-top: 5px; font-size: 1.6rem; }

.index .content .tool-bar .van-row .van-col--6 img, .index .content .tool-bar .van-row .van-col--8 img, .index .content .tool-bar .van-row .van-col--24 img { width: 3.5rem; }

* { padding: 0px; margin: 0px; font-size: 10px; font-family: -apple-system-font, "Helvetica Neue", Arial, sans-serif; }

li { list-style: none; }

body { background: rgb(238, 238, 238); overflow: auto; }

a { color: rgb(0, 0, 0); }

i { font-style: normal; }

a { text-decoration: none; }

.public-header { height: 4.4rem; background: rgb(100, 209, 103); color: rgb(255, 255, 255); line-height: 4.4rem; display: flex; justify-content: center; align-items: center; position: relative; float: left; width: 100%; }

.public-header a { color: rgb(255, 255, 255); float: left; font-size: 2.5rem; left: 0.8rem; top: 0.4rem; position: absolute; }

.public-header span { float: left; font-size: 1.8rem; }

.m-bottom-9 { margin-bottom: 9rem !important; }

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

span { font-size: 1.4rem; }

input::placeholder { font-size: 12px; color: rgb(19, 20, 20) !important; }

.float .newNoticeFrame { background: rgba(0, 0, 0, 0.5); position: fixed; inset: 0px; z-index: 99999; }

.float .active-inner { font-family: "Microsoft YaHei", Arial, Verdana; width: 90%; height: 80%; left: 5%; top: 10%; position: absolute; box-sizing: border-box; padding: 0.5rem; background: rgba(255, 255, 255, 0.298); z-index: 99; }

.float .active-top { width: 100%; position: relative; text-align: center; height: 5rem; line-height: 5rem; border-radius: 0.4rem 0.4rem 0px 0px; background: rgb(182, 41, 41); }

.float .top-active { font-size: 2rem; letter-spacing: 0.2rem; text-shadow: none; color: rgb(255, 255, 255); }

.float .close123 { position: absolute; right: 0.5rem; top: 0.5rem; display: block; width: 3rem; line-height: 4rem; text-align: center; font-size: 3rem; color: rgb(255, 255, 255); }

.float .active-content { position: absolute; inset: 5.5rem 0.5rem 0.5rem; max-height: 100%; overflow: auto; border-radius: 0px 0px 0.4rem 0.4rem; background: rgb(255, 255, 255); }

.float .active-content button { width: 12rem; height: 3rem; position: absolute; bottom: 1rem; right: 1rem; }

.float .active-main { margin: 0px 4% 1rem; }

.float .active-item { padding: 1rem 0px; border-bottom: 1px dashed rgb(219, 219, 219); float: left; width: 100%; }

.float .activeTitles { clear: both; color: rgb(0, 0, 0); text-decoration: none; -webkit-tap-highlight-color: transparent; background: rgb(255, 255, 255); display: block; }

.float .red-title { background: rgb(182, 41, 41); width: 0.6rem; height: 0.6rem; margin: 1.2rem 0px; border-radius: 50%; float: left; }

.float .textStyle { max-width: 90%; white-space: nowrap; text-overflow: ellipsis; font-size: 1.6rem; padding-left: 0.6rem; color: rgb(76, 76, 76); float: left; line-height: 3rem; }

.float .contentStyle { float: left; width: 100%; white-space: normal; font-size: 2rem; word-break: break-all; margin-top: 1rem; }

.float .contentStyle img { width: 100% !important; }

.float .red-m { position: fixed; right: 0px; bottom: 10%; width: 9rem; z-index: 2; }

.float .red-m img { width: 100%; }

.float .red-m .loca { position: absolute; bottom: 3rem; left: 0px; width: 9rem; height: 9rem; }

.float .red-m .close { position: absolute; bottom: 0px; left: 0px; width: 9rem; height: 3rem; }