@charset "utf-8";
/* CSS Document */
body{font-size:0.83vw; font-family: Verdana, Arial, Helvetica, sans-serif,"微软雅黑";}
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, 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-size: 100%; vertical-align: baseline;box-sizing: border-box;text-decoration: none;list-style: none;-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
input{-webkit-user-select:auto;}input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
.clear{clear: both;}.fl{float:left}.fr{float:right}.tal{text-align: left;}.tac{text-align: center;}.tar{text-align: right;}


/*抽奖首页*/
.drawls1{width: 100%;}
.drawbng{width: 100%;background: url("../images/huiyuan.jpg") top no-repeat;height: 60vw;background-size: 100% auto;background-color: #fff;}
.inx-article{position:relative;width:100%;display: flex;padding-left:3vw; height:7.4vw; line-height: 7.4vw; font-size:3.6vw; line-height:normal; overflow:hidden;background-color: #fffad7;}
.inx-article img{width: 3.8vw;height: 3.6vw;display: block;position: absolute;top:2vw;}
.inx-article a{color:#3a3a3a;}
.inx-article ul{margin:0; padding:0;}
.inx-article ul li{width:100%; line-height:7.4vw; display:flex; align-items:center;justify-content: space-between;font-size: 3.5vw;padding-left: 6vw;color: #fa8234; }
.messimg{width: 100%;margin-top: 6.5vw;height: 41vw;}
.swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;

      /* Center slide text vertically */
      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;
	  transition: 300ms;
	  /* transform: scale(0.8); */
    }
.swiper-slide img{border-radius: 1.9vw;width: 100%;height: 41vw;}
	.swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
	}
.kju{width: 100%;background-color: #f8f8f8;padding: 2vw 0.5vw;}
.dnaghang{width:100%;background: url("../images/daohang.png") center no-repeat ;height: 38vw;background-size: 100% 100%;margin-top: 2vw;position: relative;padding-top: 2vw;}
.gmklp {font-size: 3.4vw;color: #966300;line-height: 4.2vw;position: absolute;top:13vw;left: 21vw; width: 60%;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5;  -webkit-box-orient: vertical;}
.zhlist{width: 95%;margin: 0 auto;}
.zhtitle{display: flex;align-items: center;justify-content: center;margin-top: 2vw;}
.zh_l{width: 5vw;height: 0.8vw; background: linear-gradient(to left,#8e8471,#d4b77f);margin-right: 2vw;margin-left: 2vw; }
.zhtitle span{font-size: 3.6vw;color: #333;}
.beijl{width: 100%;margin: 1vw auto 0;background: url("../images/b1.png")center no-repeat ;background-size: 100% 100%;height: 10vw;}
.bicene{width: 100%;background: url("../images/b2.png")center ;background-size: 100% 100%;margin: 0 auto;}
.minglk{display: flex;align-items: center;}
.ml_1{font-size: 3.6vw;color: #333;margin: 0 10vw;}
.milist{padding: 0 5.5vw;}
.milist ul{margin: 0;padding: 0;}
.milist ul li{display: flex;align-items: center;justify-content: center;padding: 2.5vw 0;border-bottom: 1px solid #ddd;}
.milist ul li .mi_k1{font-size: 3.4vw;color: #d5b880;width: 20%;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.milist ul li .mi_k2{font-size: 3.4vw;color: #d5b880;width: 35%;margin-left: 4vw; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.milist ul li .mi_k3{font-size: 3.4vw;color: #d5b880;width: 45%;margin-left: 1vw; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.dibus{width: 100%;background: url("../images/b3.png")center no-repeat ;background-size: 100% 100%;height: 6vw;margin-bottom: 1vw;}

/*生成海报*/
.intalls{background: url("../images/haibai.jpg")top no-repeat ;background-size: 100% 100%;width: 100%;height: 177vw;position: relative;}
.inneir{width: 90%;position: absolute;top:117vw;left: 6vw;}
.intone{width: 20vw;height: 10vw;border-top-right-radius: 1.8vw;border-top-left-radius: 1.8vw;background-color: #fec600;box-shadow: 0vw 1.1vw 4vw 0vw 
		rgba(255, 6, 0, 0.3);text-align: center;line-height: 10vw;color: #fff;}
.intwo{width: 100%;background-color: #fff;border-radius: 0 1.8vw 1.8vw 1.8vw;padding:2vw 2.5vw;display: flex;align-items: center;}
.intleft{width: 75%;}
.intleft span{font-size: 3.6vw;color: #333;}
.intleft p{font-size: 4vw;color: #ffb400;overflow:hidden;white-space:nowrap; text-overflow:ellipsis; margin-top: 0.8vw; }
.inwkl{margin-top: 2.8vw;height: 6vw;}
.inwkl .intxt{font-size: 3.6vw;color: #333;float: left;}
.inwkl .mkqg{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:16px solid #999999;float: left;margin-left: 2vw;margin-top: 0.8vw;}
.intright{margin-left: auto;border: 2px solid #fff;}
.intright img {width: 22vw;height: 22vw;}
.inthes{width: 89vw;height: 10.3vw;	margin-top: 6vw;}
.inbun{text-align: center;line-height: 10.3vw;background-image: linear-gradient(0deg, #ff9600 0%, #ffcf00 100%), linear-gradient(#ffffff, #ffffff);background-blend-mode: normal, normal;	box-shadow: 0vw 1.1vw 4vw 0vw rgba(255, 6, 0, 0.3), inset 0vw 1.5vw 3vw 0vw #fff392, inset 0vw -0.6vw 2.8vw 0vw rgba(255, 60, 0, 0.3);border-radius: 5.1vw; color: #fff;font-size: 4vw;}
/*抽奖*/
.breals{width: 100%;}
.drawls{background:url("../images/titledf.png") top no-repeat;background-size: 100% 100%;width: 90%;margin: 9vw auto 0;height: 26vw;}
.jiugo{background: url("../images/biankuang.png") top no-repeat;background-size: 100% auto;width: 90%;margin: 0 auto;height: 101vw;padding: 7vw 0;}
.golist{width: 92%;box-sizing: border-box;margin: 0 auto;}
.golist ul{margin: 0;padding: 1vw;}
.golist ul li{float: left;width: calc((100% - 4.8vw)/3);height: 24.2vw;background-color: #ffffff;border-radius: 1.7vw;text-align: center;padding: 2vw;margin: 0.8vw;}
.golist ul li img{width:17vw;height: 12vw;}
.golist ul li .xinas{width: 13vw;height: 6vw;background-image: linear-gradient(-90deg,#fb5b29 0%, #f9a542 100%), linear-gradient(#05d7e6, #05d7e6);	background-blend-mode: normal, normal;border-radius: 3.5vw; font-size: 3.6vw;color: #fff;margin: 1vw auto 0;text-align: center;line-height: 6vw;}
.drswtxt{width:90%;margin: 2vw auto 4vw;}
.drswtxt h2{font-size: 4.2vw;color: #fff;font-weight: 500;}
.drswtxt .dgpla{font-size: 3.6vw;color: #fff;margin-top: 2vw;line-height: 6vw;}

/*中奖弹出*/
.tacnh{background: url("../images/zhongjiang.png") top no-repeat #fff;background-size: 100% auto;width: 65%;height: 84vw;border-radius: 1.9vw;margin: 0 auto;padding-top: 4vw;position: absolute;z-index: 200;left: 50%;top: 50%;margin-top: -42vw;margin-left: -32.5%;}
.tacnh h4{font-size: 5vw;color: #fff;text-align: center;font-weight: 500;letter-spacing: 1vw;}
.tatile{width: 80%;display: flex;align-items: center;overflow:hidden;white-space:nowrap; text-overflow:ellipsis; font-size: 3.6vw;color: #555;margin: 11vw auto 0;}
.tatile p{color: #f4663f;}
.taimgs{width: 25vw;height: 25vw;margin: 3vw auto 0;}
.taimgs img{width: 100%;height: 100%;}
.xgxis{margin-top: 3vw;text-align: center;}
.xgxis span{font-size: 3.8vw;color: #333；}
.xgxis p{font-size: 3.4vw;color: #999;display: block;margin-top: 0.8vw;}
.ammi{margin: 4vw auto 0;width: 35.2vw;}
.qwdf{width: 35.2vw;height: 6.5vw;background-image: linear-gradient(-90deg, #fb5b29 0%, #f9a542 100%), linear-gradient(#05d7e6, #05d7e6);background-blend-mode: normal, 
normal;border-radius: 3.2vw;color: #fff;text-align: center;line-height: 6.5vw;font-size: 3.4vw;}










