﻿@charset "utf-8";
/* CSS Document */
.whitebg { background: #ffffff; }
.f1bg { background: #f1f1f1; }
.bgfix { width: 100%; height: 100%; position: fixed; z-index: 101; left: 0; right: 0; top: 0; bottom: 0; background: #000000; opacity: 0.5; -moz-opacity: 0.5; }
.box_S { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; }


.fixTop { font-size: 1em; padding-top: 3.583333333333333em; height: 100%; }
.boxshadow { box-shadow: 0 0 10px rgba(0,0,0,0.3); }
.vertical { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.zDbanner img { width: 100%; display: block; height: auto; }
.zDtips { color: #808080; font-size: 1em; line-height: 1.5; text-align: center; width: 92%; margin: 0 auto; padding-bottom: 1em; }

/*抽奖*/
.zDcontent .top { position: relative; display: inline-block; width: 100%; height: 540px; }
.zwardList { position: relative; margin: 10.5px auto; }
.zwardList li {text-align: center; float: left; position: absolute;}
.zwardList li.cur .inner { background-color: #e93c0a; background-repeat: no-repeat; background-position: 0 0; background-size: cover; color: #ffffff; box-shadow: 0 0 15px rgba(255,233,146,1); }
.begin { cursor: pointer;background:url("/static/images/zt/cj_huodong_2020/draw_btn.png") no-repeat center;background-size:100%;}
.timeget { text-align: center; font-size: 26px; color: #ffffff; line-height: 50px; }



.lotteryDialogs, .myWards {display: none;position: fixed;left: 50%;top: 50%;margin-top: -100px;margin-left: -200px;width: 400px;height: 200px;z-index: 105;background-color: #fff;}
.lotteryDialogsInner {/* width: 88%; *//* margin: 0 auto; *//* text-align: center; *//* position: relative; */}
.lotteryDialogsInner img { display: block; width: 100%; margin: 0 auto; }
.lotteryC, .myWardsC { height: 100%; }
.lotteryC .cc { text-align: center; width: 100%; }
.lotteryBtn { display: inline-block; line-height: 2.5; color: #ffffff; background: #fa5527; margin-top: 1em; text-align: center; font-size: 1.333333333333333em; font-weight: bold; width: 8em; margin-left: -4em; position: absolute; left: 50%; bottom: 1.625em;cursor:pointer; }
.wbox p {color: #f50000;font-size: 26px;font-weight: bold;margin-top: 18px;text-align: center;/* line-height: 2; */}
.bgfix { opacity: 0.8; -moz-opacity: 0.8; }
.innerTweBottom { background: #3f057d; background: -webkit-linear-gradient(to bottom,#3f057d,#350677,#2c0771); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(to bottom,#3f057d,#350677,#2c0771); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(to bottom,#3f057d,#350677,#2c0771); /* Firefox 3.6 - 15 */ background: linear-gradient(to bottom,#3f057d,#350677,#2c0771); /* 标准的语法 */ }
.lotteryTime { line-height: 1.875em; padding: 0.8em 0.5em 1.4em 0.5em; font-size: 1em; text-align: center; color: #ffffff; font-weight: bold; background: url(images/zAPP_12.png) no-repeat center center; background-size: auto 100%; }
.lotteryTime span { color: #f9ff00; }
.zward_colofulbg { padding-left: 1em; padding-right: 1em; background: #fc7d29; background: -webkit-linear-gradient(to bottom,#58c3e3,#69d8e6,#7aefe6); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(to bottom,#58c3e3,#69d8e6,#7aefe6); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(to bottom,#58c3e3,#69d8e6,#7aefe6); /* Firefox 3.6 - 15 */ background: linear-gradient(to bottom,#58c3e3,#69d8e6,#7aefe6); /* 标准的语法 */ height: 100%; }
.zward_bottom { background: #ffe846; background: -webkit-linear-gradient(to bottom,#ffd438,#ffe846,#feeb45); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(to bottom,#ffd438,#ffe846,#feeb45); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(to bottom,#ffd438,#ffe846,#feeb45); /* Firefox 3.6 - 15 */ background: linear-gradient(to bottom,#ffd438,#ffe846,#feeb45); /* 标准的语法 */ }
.zDcontent_wrap { background: #fc8231; padding: 1.25em; background: url(../images/zward_new_2.png) no-repeat center center; background-size: 100% 100%; width: 100%; }
.zDcontent { width: 719px; margin-left: 95px; height: 540px; }
.zDbanner_top { padding-top: 1.5em; }
.zwardList li .inner {  background-color: #fff; border-radius: 15px; }
.zwardList li .inner img {margin: 0 auto; padding-top: 20px; }
.zwardList li .inner span { width: 100%;text-align: center; font-size: 26px; display: block;color: #fd3649; }
.zwardList li.cur .inner span{color:#fff;}
.zwardList li:nth-child(2) .inner span,.zwardList li:nth-child(8) .inner span,.zwardList li:nth-child(4) .inner span{line-height:90px;}
.zwardList li:nth-child(5) .inner span{line-height:70px;}
