@charset "utf-8";
body { background: #312f30 url(../i/luckydraw/body-bg.jpg) no-repeat center 0; }
.padding-txt { line-height: 30px; font-size: 16px; padding: 4px 0 23px 0; }
.pop-main { background: #cc2f5d; }
.pop-w1 { width: 360px; }
.pop-main .pop-head { position: relative; }
.pop-main .pop-head h2 { font-weight: normal; text-align: center; font-size: 22px; }
.pop-main .pop-close { position: absolute; right: -15px; top: -15px; width: 30px; height: 30px; background: url(../i/luckydraw/luckydraw_pop_close.png) no-repeat center center; overflow: hidden; }
.pop-main .min-btn { display: inline-block; width: 180px; height: 46px; line-height: 46px; text-align: center; font-size: 24px; color: #fff; background: url(../i/luckydraw/luckydraw_pop_btn.png) no-repeat center center; text-decoration: none; }
.pop-main .fix-btn { position: absolute; left: 90px; bottom: 20px; }

.pop-tips { background: url(../i/luckydraw/luckydraw_pop_tips_bg.png) no-repeat center top; width: 360px; height: 460px; }

.pop-validate { background: url(../i/luckydraw/luckydraw_pop_validate_bg.png) no-repeat center top; width: 360px; height: 460px; }
.pop-validate .pop-head { padding-top: 22px; }
.pop-validate .pop-head h2 { background: url(../i/luckydraw/luckydraw_pop_validate_title.png) no-repeat center top; width: 128px; height: 32px; margin: 0 auto; }
.pop-validate .pop-head .intro { font-size: 18px; color: #f9e0c5; line-height: 38px; text-align: center; margin-bottom: 10px; }
.pop-validate .pop-body dt { text-align: left; font-size: 18px; color: #f9e0c5; line-height: 38px; text-indent: 50px; }
.pop-validate .pop-body dd { text-align: left; }
.pop-validate .pop-body dd input { width: 240px; height: 40px; line-height: 40px; padding: 0 10px; background: #fff; border-radius: 5px; font-size: 18px; color: #000; margin-left: 50px; margin-bottom: 22px; }

.pop-vali-result { width: 440px; background: #fff; border-radius: 5px; }
.pop-vali-result .inner { display: none; }
.pop-vali-result .pop-head { padding-top: 8px; }
.pop-vali-result .pop-head h2 { font-size: 16px; line-height: 22px; color: #4f4f4f; text-align: left; padding: 14px 20px 14px 20px; border-bottom: 1px solid #e6e6e6; }
.pop-vali-result .pop-body .padding-btn { text-align: right; padding-right: 32px; }
.pop-vali-result .pop-body .padding-btn .link-btn { font-size: 16px; color: #146efb; line-height: 38px; text-decoration: none; }

.winners { width: 600px; height: 430px; background: #fffbec; margin: 0 auto 30px; border-top-left-radius: 15px; border-top-right-radius: 15px; margin-top: 58px; }
.winners .tit { width: 100%; height: 60px; background: #e9b571 url(../i/luckydraw/luckydraw_winners_title.png) no-repeat center 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; }
.winners .cont { width: 430px; margin: 0 auto; }
.winners .cont .medal { padding: 20px 0 5px 0; border-bottom: 1px solid #f2e4c9; background: url(../i/luckydraw/luckydraw_winners_medal.png) no-repeat 0 0; font-size: 20px; line-height: 44px; color: #e5ab60; padding-left: 52px; }
.winners .cont .medal span { color: #e82d64; }
.winners .cont .medal i { display: inline-block; width: 32px; height: 44px; font-style: normal; margin: 0 3px; font-size: 22px; color: #302e2f; font-weight: bold; background: url(../i/luckydraw/luckydraw_winners_num.png) repeat-x left center; text-align: center; }
.winners .cont .medal-1 { background-position: 10px 20px; }
.winners .cont .medal-2 { background-position: 10px -80px; }
.winners .cont .medal-3 { background-position: 10px -180px; }
.winners .cont .medal-4 { background-position: 10px -280px; }
.winners .cont .medal-5 { background-position: 10px -380px; }

.box-bottom { position: relative; z-index: 1; }
.writing-main { width: 100%; background: url(../i/luckydraw/luckydraw_hdsm_bg.png) no-repeat center center; margin: 0 auto 16px; }
.writing-main img.writing { display: block; width: 127px; margin: 0 auto; }

.text-list { width: 600px; margin: 0 auto; }
.text-list dd { width: 580px; line-height: 30px; margin-left: 30px; color: #bbb; font-size: 16px; margin-bottom: 10px; }
.span-animate { font-size: 16px; }

.pop-winning { background: #ffd557; border-radius: 10px; }
.pop-winning .winning { width: 400px; height: 56px; margin-left: -20px; background: url(../i/luckydraw/luckydraw_winning.png) no-repeat center top; font-size: 24px; line-height: 44px; color: #f9f5ed; margin-bottom: 10px; }
.pop-winning .padding-img { width: 360px; min-height: 200px; padding-top: 20px; margin: 0 auto; text-align: center; }
.pop-winning .i-prize { margin-bottom: 20px; }
.pop-winning .txt { font-size: 18px; line-height: 26px; color: #986824; margin-bottom: 10px; }
.pop-winning .winning-btn { display: inline-block; width: 180px; height: 46px; line-height: 46px; text-align: center; font-size: 24px; color: #fff; background: url(../i/luckydraw/luckydraw_pop_winning_btn.png) no-repeat center center; text-decoration: none; }

.pop-notwinning { background: #fff url(../i/luckydraw/luckydraw_notwinning.png) no-repeat center 80px; border-radius: 10px; }
.pop-notwinning .winning { padding-top: 270px; width: 300px; margin: 0 auto; font-size: 18px; line-height: 24px; color: #333; text-align: center; margin-bottom: 40px; }
.pop-notwinning .notwinning-btn { bottom: 40px; }