html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

a { cursor: pointer; outline: none; text-decoration: none; }

input[type="submit"], input[type="reset"], input[type="button"] { -moz-appearance: none; -webkit-appearance: none; border-radius: 0; }

.prize { overflow: auto; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -ms-overflow-scrolling: touch; -o-overflow-scrolling: touch; overflow-scrolling: touch; }

.prize_name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

html { font-size: .26rem; font-family: "MicroSoft YaHei"; }

fieldset, img { border: none; vertical-align: text-bottom; }

.lottery_list, .prize_list { display: -webkit-box; display: flex; }

.prize_name { flex: 1; -webkit-box-flex: 1; }

.share { background-image: url('/images/daylottery/icons-s4e8b38805f.png'); background-repeat: no-repeat; background-size: 0.7rem auto; }

html { height: 100%; }

body { min-height: 100%; background-color: #ef5e3f; font-size: .24rem; }
body.fixed { position: fixed; width: 100%; }

.wrapper { position: relative; background: #ef5e3f url('/images/daylottery/bg.jpg') no-repeat; background-size: 100%; padding: 2.5rem 0 .2rem; }

.lottery { box-sizing: border-box; height: 9.5rem; background: url("/images/daylottery/bg_lottery.png"); background-size: 100%; position: relative; padding-top: 1.1rem; box-sizing: border-box; }
.lottery_wrap { background: #e63340; width: 6.62rem; margin: 0 auto; border-radius: .28rem; padding: .14rem .07rem 0; }
.lottery_list { align-items: stretch; -webkit-box-align: stretch; padding-bottom: .14rem; }
.lottery_prize { width: 2.06rem; height: 1.86rem; border-radius: .16rem; display: block; background: #fff; margin: 0 0.07rem; }
.lottery_prize_pic { width: 100%; }
.lottery_prize.active { background: -webkit-linear-gradient(top, #fffeb0, #ffd637); }
.lottery_btn { width: 2.06rem; height: 1.86rem; display: block; -moz-animation: shake 1s infinite ease-out; -webkit-animation: shake 1s infinite ease-out; animation: shake 1s infinite ease-out; background: url("/images/daylottery/play.png") no-repeat; background-size: 100%; margin: 0 0.07rem; text-align: center; color: #fcf04e; }
.lottery_go { font-size: .72rem; font-weight: bold; padding: .4rem 0 .1rem; font-family: Arial; }
.lottery_tip { font-size: .2rem; }
.lottery_option { width: 6.3rem; margin: 0 auto; padding: .4rem 0 1rem; font-size: 0.24rem; color: #fff; line-height: 1.5; }
.lottery_option_dt { font-weight: bold; font-size: .3rem; padding-bottom: .1rem; }
.lottery_record { position: absolute; bottom: .7rem; right: .16rem; background: -webkit-linear-gradient(top, #eb2128, #e01534); color: #fff; padding: .24rem .24rem .24rem .3rem; border-radius: 100rem 0 0 100rem; }

.share { width: 0.6rem; height: 0.6rem; position: absolute; top: 0.3rem; right: 0.3rem; background-position: 0 0; text-indent: -9999px; }

.loginForm { position: relative; padding-top: 0.5rem; }
.loginForm .errorTip { position: absolute; top: 0.18rem; left: 0.10rem; color: #fff; }
.loginForm_text { display: block; padding: 0.14rem 0.14rem 0.14rem 0.14rem; border: none; font-size: 0.28rem; color: black; background-color: #ffffff; border-radius: 0.16rem; margin-bottom: 0.26rem; box-sizing: border-box; background: #fef3d2; }
.loginForm_text::-webkit-input-placeholder { color: #666; }
.loginForm_text:-moz-placeholder { color: #666; }
.loginForm_text:-ms-input-placeholder { color: #666; }
.loginForm_text--tel { width: 100%; }
.loginForm_text--code { -webkit-box-flex: 1; }
.loginForm_code { display: -webkit-box; -webkit-box-align: center; padding-bottom: 0.2rem; }
.loginForm_sendCode { display: block; color: #fa2d51; border-radius: 0.16rem; font-size: 0.28rem; padding: 0.14rem 0.5rem; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fdf083+0,febc02+99 */ background: #fdf083; /* Old browsers */ background: -moz-linear-gradient(left, #fdf083 0%, #febc02 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #fdf083 0%, #febc02 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #fdf083 0%, #febc02 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf083', endColorstr='#febc02',GradientType=1 ); /* IE6-9 */ margin: 0 0 0.26rem 0.16rem; }
.loginForm_sendCode .red { color: #ff0000; }
.loginForm_btn { display: block; width: 100%; text-align: center; margin: 0 auto; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fdf083+0,febc02+99 */ background: #fdf083; /* Old browsers */ background: -moz-linear-gradient(left, #fdf083 0%, #febc02 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #fdf083 0%, #febc02 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #fdf083 0%, #febc02 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf083', endColorstr='#febc02',GradientType=1 ); /* IE6-9 */ padding: 0.2rem 0; font-size: 0.36rem; border-radius: 0.16rem; color: #fa225a; font-weight: bold; }

.pop { font-size: 0.24rem; color: #fff; }
.pop_cnt { position: fixed; z-index: -1; top: -100%; left: 50%; opacity: 0; transform: translate(-50%, 0); transition: all 0.3s ease-out; }
.pop_close { display: none; }
.pop_mask { position: fixed; z-index: -1; top: 0; right: 0; left: 0; bottom: 0; margin: auto; background-color: #000; opacity: 0; transition: all 0.3s ease-out; }
.pop.show .pop_cnt { z-index: 200; top: 50%; opacity: 1; transform: translate(-50%, -50%); }
.pop.show .pop_mask { z-index: 100; opacity: 0.6; }
.pop.show.pop--type-01 .pop_cnt { transform: translate(-50%, -60%); }
.pop--type-01 .pop_cnt { width: 7.5rem; height: 10.38rem; box-sizing: border-box; background: url("/images/daylottery/pop_bg_btm.png") no-repeat; background-size: 100%; padding: 2.63rem 0 0 0; }
.pop--type-01 .pop_wrap { position: relative; z-index: 1; width: 7.5rem; height: 7.75rem; box-sizing: border-box; padding: 2.4rem 1.14rem 0; background: url("/images/daylottery/pop_bg_top.png") no-repeat; background-size: 100%; }
.pop--type-01 .pop_hide { position: absolute; top: 0; left: 0; width: 100%; height: 2.63rem; }
.pop--type-02 .pop_cnt { width: 6.12rem; box-sizing: border-box; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fe8c05+0,f91168+99 */ background: #fe8c05; /* Old browsers */ background: -moz-linear-gradient(-45deg, #fe8c05 0%, #f91168 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #fe8c05 0%, #f91168 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #fe8c05 0%, #f91168 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe8c05', endColorstr='#f91168',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ padding: 0.7rem 0.58rem 0; border-radius: 0.61rem; }
.pop--type-02 .pop_cnt:before { content: ' '; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; background: url("/images/daylottery/bg-coin.png") 0.16rem 0 no-repeat; background-size: 5.55rem 4.19rem; }
.pop--type-03.show .pop_mask { opacity: 0.8; }

.box { position: fixed; z-index: -1; top: -100%; left: 50%; opacity: 0; transform: translate(-50%, 0); transition: all 0.3s ease-out; width: 6.12rem; height: 4.46rem; box-sizing: border-box; background: url("/images/daylottery/bg_pop.png") no-repeat; background-size: 100%; padding: 0.7rem 0.58rem 0; color: #fff; }
.box.show { z-index: 200; top: 50%; opacity: 1; transform: translate(-50%, -50%); }
.box_title { text-align: center; font-size: 0.72rem; line-height: 1.5; font-weight: bold; text-shadow: 0.02294rem 0.03277rem 1px #ffa800,0.02294rem 0.03277rem 1px #ffa800; }
.box_content { padding-top: 0.3rem; line-height: 1.5; font-size: 0.32rem; }
.box_btn { position: absolute; bottom: 0.3rem; left: 50%; transform: translateX(-50%); text-align: center; }
.box_btn a { display: block; width: 4.96rem; text-align: center; margin: 0 auto; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fdf083+0,febc02+99 */ background: #fdf083; /* Old browsers */ background: -moz-linear-gradient(left, #fdf083 0%, #febc02 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #fdf083 0%, #febc02 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #fdf083 0%, #febc02 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf083', endColorstr='#febc02',GradientType=1 ); /* IE6-9 */ padding: 0.2rem 0; font-size: 0.36rem; border-radius: 0.16rem; color: #fa225a; font-weight: bold; }

.mask { width: 100%; height: 100%; height: 100% !important; background: rgba(0, 0, 0, 0.6); position: fixed; left: 0; top: 0; z-index: 30; display: none; }
.info { z-index: 1; position: relative;min-height: 2rem; }
.info_title { text-align: center; font-size: 0.72rem; line-height: 1.5; font-weight: bold; text-shadow: 0.02294rem 0.03277rem 1px #ffa800,0.02294rem 0.03277rem 1px #ffa800; }
.info_txt { padding-top: 0.3rem; line-height: 1.5; font-size: 0.32rem; }
.info_btn { display: block; width: 4.96rem; text-align: center; margin: 0 auto; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fdf083+0,febc02+99 */ background: #fdf083; /* Old browsers */ background: -moz-linear-gradient(left, #fdf083 0%, #febc02 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #fdf083 0%, #febc02 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #fdf083 0%, #febc02 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf083', endColorstr='#febc02',GradientType=1 ); /* IE6-9 */ padding: 0.2rem 0; font-size: 0.36rem; border-radius: 0.16rem; color: #fa225a; font-weight: bold; margin: 0.4rem 0; }

.award { position: absolute; top: 2.21rem; left: 1.59rem; width: 4.3rem; height: 3.34rem; }
.award img { width: 100%; }

.award-txt { text-align: center; line-height: 1.5; }
.award-txt_tips { font-size: 0.54rem; font-weight: bold; }
.award-txt_name { font-size: 0.39rem; }

.award-tips { font-size: 0.24rem; text-align: center; line-height: 2; }

@-moz-keyframes shake { 0% { -moz-transform: scale(1); transform: scale(1); }
  10% { -moz-transform: scale(0.8); transform: scale(0.8); }
  20% { -moz-transform: scale(1); transform: scale(1); }
  30% { -moz-transform: scale(0.8); transform: scale(0.8); }
  40% { -moz-transform: scale(1); transform: scale(1); }
  100% { -moz-transform: scale(1); transform: scale(1); } }
@-webkit-keyframes shake { 0% { -webkit-transform: scale(1); transform: scale(1); }
  10% { -webkit-transform: scale(0.8); transform: scale(0.8); }
  20% { -webkit-transform: scale(1); transform: scale(1); }
  30% { -webkit-transform: scale(0.8); transform: scale(0.8); }
  40% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes shake { 0% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
  10% { -moz-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); }
  20% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
  30% { -moz-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); }
  40% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
  100% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } }
.weixinShare { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 200; display: none; }
.weixinShare_pic { width: 100%; }

.sign_img { width: 4.32rem; height: 2.36rem; }
.sign_img img { width: 100%; }
.sign_txt, .sign_tips { text-align: center; color: #ffd78a; line-height: 1.5; }
.sign_txt { font-size: 0.48rem; font-weight: bold; }

.winner { background: url("/images/daylottery/icon_noice.png") 0.1rem center no-repeat; background-size: .3rem .3rem; padding-left: .5rem; margin: 0 0 .26rem 1.3rem; height: .4rem; line-height: .4rem; overflow: hidden; color: #fffeb0; font-size: .26rem; }
.winner_list.move { animation-name: scroller; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-name: scroller; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; }

@-moz-keyframes scroller { 0% { -moz-transform: translateY(0); transform: translateY(0); }
  100% { -moz-transform: translateY(-100%); transform: translateY(-100%); } }
@-webkit-keyframes scroller { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } }
@keyframes scroller { 0% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); } }
.record { width: 5.4rem; margin: 0 auto; padding-top: .8rem; }
.record_title { color: #fff; font-size: .48rem; font-weight: bold; text-shadow: 0.02294rem 0.03277rem 1px #ffa800,0.02294rem 0.03277rem 1px #ffa800; text-align: center; }
.record_empty { text-align: center; padding: 1rem 0 0; }
.record_empty_pic { width: 4.3rem; }
.record_empty_tip { color: #fff; font-size: .28rem; padding-top: .4rem; }

.prize { margin-top: .4rem; height: 5.5rem; }
.prize_list { align-items: stretch; -webkit-box-align: stretch; text-align: center; color: #fff; font-size: .28rem; height: .5rem; line-height: .5rem; }
.prize_list--th { padding-bottom: .1rem; }
.prize_time { width: 2.5rem; font-family: Arial; }
.prize_name { padding-left: .2rem; }