body, button, dd, dl, dt, fieldset, footer, form, h1, h2, h3, h4, h5, header, img, input, legend, li, nav, ol, p, section, textarea, ul { margin: 0; padding: 0; outline: 0; border: 0; }
:not(input, textarea) { -webkit-touch-callout: inherit; -webkit-user-select: auto; user-select: auto; }
html { font-size: 13.333333333vw; }
@media (min-width: 750px) { html { font-size: 100px; } }
body { font-family: 'PingFangSC-Medium', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: .24rem; color: var(--van-text-color); -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: none; margin: 0 auto !important; max-width: 750px; min-height: 100vh; }
* { box-sizing: border-box; }
form { display: inline; }
li, ol, ul { list-style: none; }
a, a:active, a:focus, a:hover, a:visited { color: #333; text-decoration: none; }
a, img { -webkit-touch-callout: none; }
img { -ms-interpolation-mode: bicubic; }
fieldset, img { border: none; }
button, input, select, textarea { font-size: 100%; vertical-align: middle; outline: 0; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: transparent !important; transition: background-color 50000s ease-in-out 0s; }
input, textarea { resize: none; -webkit-appearance: none; appearance: none; }
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; appearance: button; }
input:focus:-moz-placeholder, input:focus::-webkit-input-placeholder { color: transparent; }
input[type='search']::-webkit-search-cancel-button { display: none; }
.nodata, .wrongdata span { color: #999; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
svg:not(:root) { overflow: hidden; }
hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
code, kbd, pre, samp { font-family: monospace; font-size: 1rem; }
mark { background: #ff0; color: #1a1a1a; }
dfn { font-style: italic; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
.clearfix:after { content: '.'; display: block; height: 0; visibility: hidden; clear: both; }
.flex-center { display: flex; align-items: center; justify-content: center; }
/* main */
html, body { background-color: #3879fb; }
.lottery-page { background-size: 100% auto; min-height: 100vh; padding-bottom: 1rem; background-color: #3879fb; background-repeat: no-repeat; }
.lottery-page-app { background-image: url(//n.sinaimg.cn/finance/jifen20203/images/lottery/bg.png); }
.lottery-page-h5 { background-image: url(//n.sinaimg.cn/finance/jifen20203/images/lottery/bg3.png); }
.lot-banner { height: 2.9rem; position: relative; }
.lottery-page-h5 .lot-banner { height: 1.9rem; }
.lot-banner .btn-recorder { position: absolute; right: 0; top: .78rem; background: #326adf99; color: #fff; font-size: .24rem; line-height: .3rem; padding: .1rem .27rem; border-radius: .5rem 0 0 .5rem; }
.lot-banner-slide { height: .5rem; }
.lot-banner-slide .slide-list { background: url(//n.sinaimg.cn/finance/jifen20203/images/lottery/bg-arm-list.png) no-repeat; background-size: cover; width: 5.6rem; height: .5rem; margin: 0 auto; overflow: hidden; }
.lot-banner-slide .notice-swipe { height: .5rem; line-height: .5rem; }
.lot-banner-slide .slide-item { color: #a0befe; height: .5rem; }
.lot-banner-slide .van-icon-volume-o:before { color: #a0befe; }
.lot-banner-slide2 { height: .5rem; }
.lot-banner-slide2 .slide-list { width: 4.6rem; height: .5rem; margin: 0 auto; overflow: hidden; }

.lot-container { background: url(//n.sinaimg.cn/finance/jifen20203/images/lottery/bg-draw.png) no-repeat; width: 6.6rem; height: 7.45rem; background-size: cover; margin: .4rem auto; }
.lot-container .lot-c-text { text-align: center; height: 1rem; display: flex; align-items: center; justify-content: center; color: #fff; font-size: .3rem; }
.lot-container .lot-c-text b { color: #fff020; padding: 0 .1rem; }
.lot-container .lot-c-body { display: flex; flex-flow: row wrap; margin: .38rem 0 0 .56rem; }
.lot-container .lot-gift-item { background: url(//n.sinaimg.cn/finance/jifen20203/images/lottery/bg-card.png) no-repeat; background-size: cover; width: 1.82rem; height: 1.82rem; text-align: center; padding-top: .1rem; }
.lot-container .lot-gift-img { width: 1.3rem; height: 1.1rem; display: flex; align-items: center; justify-content: center; margin: 0 auto; }
.lot-container .lot-gift-item img { max-width: 92%; max-height: 100%; }
.lot-container .lot-gift-item2 img { max-width: 47%; }
.lot-container .lot-gift-item4 img { max-width: 54%; }
.lot-container .lot-gift-item5 img { max-width: 75%; }
.lot-container .lot-gift-item6 img { max-width: 45%; }
.lot-container .lot-gift-item7 img { max-width: 63%; }
.lot-container .lot-gift-item span { color: #cf0300; }
.lot-gift-btns { width: 1.82rem; height: 1.82rem; display: flex; align-items: center; justify-content: center; }
.lot-gift-btns img { width: 1.62rem; height: 1.62rem; }
.lot-container .lot-gift-item-active { background-image: url(//n.sinaimg.cn/finance/jifen20203/images/lottery/bg-card-active.png?v2); }
.lot-rule { margin-top: .55rem; }
.lot-rule-title { background: url(//n.sinaimg.cn/finance/jifen20203/images/lottery/bg-title-rule.png) 50% 50% no-repeat; height: .6rem; background-size: 6.9rem .34rem; font-size: 0; overflow: hidden; line-height: 3rem; }
.lot-rule-cont { padding: .2rem .1rem .3rem .3rem; background: #fff; border-radius: .2rem; margin: .35rem .3rem 0; }
.lot-rule-body { height: 7.5rem; padding-right: .3rem; overflow-y: auto; color: #677799; font-family: 'PingFangSC-Regular'; }
.lot-rule-body p { text-align: justify; }
.lot-rule-body li { display: flex; padding-left: .1rem; }
.lot-rule-body li b { margin-right: .1rem; }
.lot-detail-text { color: #fff; text-align: center; }
.lot-detail-text b { color: #fff020; }
.lot-callup-btn { font-size: 0; }
.lot-callup-btn span { display: block; background: url(//n.sinaimg.cn/finance/jifen20203/images/lottery/btn-callup.png); background-size: cover; width: 7.12rem; height: 1.64rem; -webkit-animation: ins-data-v .8s infinite; animation: ins-data-v .8s infinite;margin:0 auto; }
@-webkit-keyframes ins-data-v { 0% { -webkit-transform: scale(.82); transform: scale(.82); -moz-transform: scale(.82); -ms-transform: scale(.82); -o-transform: scale(.82); }
   50% { -webkit-transform: scale(.9); transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); }
   to { -webkit-transform: scale(.82); transform: scale(.82); -moz-transform: scale(.82); -ms-transform: scale(.82); -o-transform: scale(.82); } }
@keyframes ins-data-v { 0% { -webkit-transform: scale(.82); transform: scale(.82); -moz-transform: scale(.82); -ms-transform: scale(.82); -o-transform: scale(.82); }
   50% { -webkit-transform: scale(.9); transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); }
   to { -webkit-transform: scale(.82); transform: scale(.82); -moz-transform: scale(.82); -ms-transform: scale(.82); -o-transform: scale(.82); } }