@charset "UTF-8";
/*全局变量定义*/
/*宏定义*/
/*初始化*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, legend, button form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
body{
	background-color: #e0e0e0;
	max-width: 640px;
	margin-right: auto;
	margin-left: auto; position:relative;
}
body img{ max-width:100%;}
input { outline: none; -webkit-appearance: none; }
input[type="date"]::-webkit-inner-spin-button { visibility: hidden; }
input[type="date"]::-webkit-clear-button { -webkit-appearance: none; visibility: hidden; }
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none;}
input[type="submit"],button { cursor: pointer; }
input::-moz-focus-inner { border: 0; padding: 0; }
select{appearance:none;-moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari 和 Chrome */}
body { background: #fff; color: #676767; font: 0.2rem '微软雅黑';}
q:before, q:after { content: ''; }
/* 表格标题及内容居左显示 */
caption, th { text-align: left; }
input, img, select { vertical-align: middle; }
/* 清除列表样式 */
ol, ul { list-style: none; }
/* 输入控件字体 */
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
/* 标题元素样式清除 */
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
/* 链接样式，颜色*/
del, ins, a { text-decoration: none; }
/*输入框样式:*/
input,textarea{background-color: white;border: 2px inset;border-image-source: initial;border-image-slice: initial;border-image-width: initial;border-image-outset: initial;border-image-repeat: initial;-webkit-rtl-ordering: logical;-webkit-user-select: text;cursor: auto;}

/*我的奖品*/
.back3{position: fixed;bottom: 10%;right: 40px;display: block;width: 15%;z-index: 1;}
.bodyColor2{background: #fff;}
.banner{width: 100%;}
.ticket{width: 90%;margin-left: 5%;overflow: hidden;margin-top: 1.35rem;padding-bottom: 1rem;border-bottom: 1px solid #ddd;}
.ticket2{margin-top: .35rem !important;padding-bottom: .1rem !important;}
.ticket .prizeImg{float: left;width: 25%;}
.ticket .right{width: 70%;float: right; margin: 0!important;border: none; position: relative;}
.ticket .right .p1{font-size: 14px;color: #000;font-weight: 400;margin-bottom: 5px}
.ticket .right .p2{font-size: 14px;color: #aaa;margin-bottom: 5px}
.ticket .right .p4 a{font-size: 14px;color: #f85e42;}
.ticket .right .p3{font-size: 14px;color: #e70015;padding-bottom: .2rem;}
.ticket .right .p3 span{font-size: 14px;color: #e70015;font-weight: bold;}
.ticket .right .flag{font-size: 14px;background: #f85e42;position: absolute;color: #fff;right: .05rem;top:.02rem;border-radius: 4px;padding: 2px 8px;}
.ticket .line{width: 90%;height: 1px;background: #ddd;margin-left: 5%;}
.prizeSection{width: 90%;margin-left: 5%;padding-bottom: .5rem;}
.prizeSection h3{font-size: .3rem;color: #885eff;font-weight: bold;padding-top: .28rem;}
.prizeSection p{font-size: .24rem;color: #333;line-height: .43rem;}
.pinkLine{width: 100%;background: #ffecd7;margin: 0.1rem 0;border-radius: 8px;padding-top:.2rem;padding-bottom:.2rem;}
.pinkLine .form{width: 93%;margin: 0 auto;background: #fff;border-radius: 8px;padding-bottom: .1rem;}
.pinkLine .inputW{display:block;width: 90%;border:none;height: .85rem;border-bottom:1px solid #d1d1d1;margin-left: 5%;line-height: .85rem;font-size: .28rem;color: #666;}
.pinkLine .add{height: 1.2rem;border:none;}
.pinkLine .btn{display: block;width: 50%;border:none;margin-left: 25%;margin-top: 10px}
.prizeSection p span.red{color: #885eff;font-weight: bold;}
.prizeSection p span.red2{color: #885eff;}
.pinkLine .border{border: none;}
.copy{background: none;border: none;color: #885eff;}
/*空空如也*/
.emptyImg{display: block;width: 40%;margin-left: 30%;padding-top: .7rem;}
.emptyP{text-align: center;font-size: 15px;color: #999;padding-top: .35rem;}
/*填写信息弹框：*/
.mask{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.7);top: 0;left:0;display: none;z-index: 9999;}
.mask .bg{position: absolute;width: 66%;height: 3.4rem;background: #fff;left: 17%;top: 50%;margin-top: -1.7rem;border: 5px solid #fee0a8;border-radius: 15px;}
.mask .alertImg{width: 1rem;display: block;margin: .5rem auto .25rem;}
.mask p.p1{
	color: #fff;
font-size: .28rem;		text-align: center;
	
	margin-right: auto;
	margin-left: auto;
	padding-top:1rem;
}
.mask p.p11{
	color: #fff;
font-size: .28rem;		text-align: center;
	
	margin-right: auto;
	margin-left: auto;
	padding-top:1rem;
}
.mask p.p2{color: #333;font-size: .28rem;text-align: center;font-weight: bold;}
.mask .close{display: block;width: .4rem;height: .4rem;background: url("../images/close.png") no-repeat;background-size: 100%;position: absolute;bottom: -.7rem;left: 50%;margin-left: -.2rem;}

/*九宫格抽奖页面：*/
.back2{position: fixed;top: .3rem;left: 5%;display: block;width: .75rem;height: .75rem;z-index: 1;background-image: url("../images/back.png");background-size: 100%;background-position: center;background-repeat: no-repeat;}
.indexMain{width: 100%;}
.indexMain .logo{width: 30%;margin-top: .43rem;margin-left: 15%;}
.indexMain .rule{width: 25%;position: absolute;top: .43rem;right: 2%;}
.fenxinag{width: 25%;position: absolute;top: 1.3rem;right: 2%;}
.zige{width: 25%;position: absolute;top: 7.8rem;left: 2%;}
.kefu{width: 15%;position: fixed;top: 1.8rem;right: 2%; z-index:2;}
.indexMain .title{width: 100%;padding-top: 0rem;}
.indexBg{
    position: absolute;
    left: 0.2rem;
    top: 3.5rem;
    width: 9.6rem;
    height: 12.22666667rem;
    background: url("../images/index_bg2.png") no-repeat;
    background-size: 100%;
    background-position: top left;
}
.box {
    position: absolute;
    left: 0.55rem;
    top: 0rem;
    width: 8.6rem;
    height: 8.02666667rem;

}
.box h2 {
    margin-left: 33%;
    font-size: 0.4rem;
    color: #fff;
    line-height: .93rem;
}
#change {
    font-weight: bold;
}
/*游戏区域*/
.play {
    position: absolute;
    /*left: 50%;*/
    top: 1.8rem;
    z-index: 1;
    /*margin: -2.73333333rem 0 0 -4rem;*/
    width: 8.6rem;
    height: 9.06666667rem;
}
.play li {
    position: relative;
    float: left;
    margin: 0.06rem 0 0 0.09033333rem;
    width: 2.74666667rem;
    height: 2.96666667rem;
    background: url("../images/index_bg3.png") no-repeat;
    background-size: 99% auto;
    /*border-radius: 15px;*/
}
.play li:nth-child(4) {
    left: 5.68rem;
}
.play li:nth-child(6) {
    top: 3.00666667rem;
}
.play li:nth-child(7) {
    left: 2.84rem;
}
.play li:nth-child(8) {
    left: -2.84rem;
}
.play li:nth-child(9) {
    left: -5.68rem;
    top: -3.03666667rem;
}
.play li div {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    text-align: center;
}
/*奖品图片大小*/
.play li div img{
    height: 2.6rem;
    display: block;
    margin: 0.15rem auto 0;
}
.play li div p.p1 {
    width: 100%;
    color: #f32c40;
    font-size:0.4rem;
    font-weight:bold;
    text-align: center;
    padding-top: 0.1rem;
}
.play li div p.p2 {
    position: absolute;
    top: 2rem;
    width: 100%;
    color: #f1263b;
    font-size:0.18rem;
    text-align: center;
}
.play li div p.p3 {
    position: absolute;
    top: 2.5rem;
    width: 100%;
    color: #f1263b;
    font-size:0.1rem;
    text-align: center;
}
.play li.select {
    background-image: url("../images/index_bg4.png");
}
/*开始按钮*/
#btn {
    background-image: url("../images/index_btn2.png");
}
.list{width: 90%;height:12rem;margin-left: 5%;background: url("../images/index_list.png") no-repeat;background-size: 100%;position: absolute;top: 16.5rem;}
.list .title{
	width: 85%;
	height: 77%;
	overflow-y:scroll;
	margin-left: 10%;
	margin-top: 1.5rem;
	padding-bottom: 10px;
	line-height: 25px;
}
.list .title a{ color:#ef2e45;}
.list .title span{font-size: .4rem;color: #ab4225;font-weight: bold;float: left;width: 44%;margin-left: 6%;}
.list .title span:nth-of-type(2){text-align: center;}
.list .swiper-container{width: 90%;height: 3.3rem;margin-left: 5%;overflow: hidden;}
.list .swiper-container span{font-size: .32rem;color: #333;float: left;width: 44%;margin-left: 6%;line-height: .65rem;}
.list .swiper-slide{height: .65rem;}
.list .link{display: block;width: 45%;height: 1.1rem;margin: .32rem auto 0;background: url("../images/index_btn.png") no-repeat;background-size: 100%;}
.foot{
	width: 100%;
	position: absolute;
	top: 31rem;
	padding-bottom: 15px;
}
.foot p:nth-of-type(1){font-size: .4rem;font-weight: bold;text-align: center;width: 100%;color: #ab4225;}
.foot p:nth-of-type(2){font-size: .24rem;text-align: center;width: 100%;color: #ab4225;}
/*活动规则：*/
.alertMain{background: rgba(0,0,0,.7);width: 100%;height: 100%;position: fixed;top:0;left:0;z-index: 9;display: none;}
.ruleMain .bg,.ruleMain2 .bg{position:absolute;width: 74%;left: 13%;top: 50%;margin-top: -4.2rem;height: 8.45rem;background: #fff;border: 3px solid #feac80;border-radius: 15px;}
.ruleMain .title,.ruleMain2 .title{width: 60%;background: url("../images/alert_title.png") no-repeat;background-size: 100%;position: absolute;left: 20%;height: 1.1rem;top: -.65rem;}
.frame{
	width: 86%;
	margin-left: 7%;
	height: 7.3rem;
margin-top:.8rem;	overflow: hidden;
	overflow-y: scroll;
	line-height: 20px;
}
.section{font-size: .32rem;line-height: .48rem;overflow: hidden;padding-bottom: .2rem;}
.section span{
	float: left;
	width: 8%;
	color: #e70015;
}
.section p{float: left;width: 92%;}
.section p strong{
	font-size: 14px;
	color: #952510;
}
.alertMain .close{display: block;width: .4rem;height: .4rem;background: url("../images/close.png") no-repeat;background-size: 100%;position: absolute;bottom: -.7rem;left: 50%;margin-left: -.2rem;}
.tishi_wenzi{
	text-align: center;
	font-size: 16px;
	color: #333;
	padding-top: 2rem;
}
/*一分钱弹框：*/
.bg2{position: absolute;width: 74%;height: 8.2rem;background: url("../images/alert_bg.png") no-repeat;background-size: 100%;left: 13%;top: 50%;margin-top: -4.6rem;}
.bg2 .btn{display: block;width: 54%;height: 1.2rem;background: url("../images/alert_btn.png") no-repeat;background-size: 100%;margin: 5.5rem auto 0;}
.bg3 {
    position: absolute;
    width: 70%;
    height: 9rem;
    left: 15%;
    top: 40%;
    margin-top: -4.1rem;
    background: url(../images/alert_bg2.png) no-repeat;
    background-size: 100%;}
.bg3 .p1{
	padding-top: 0.2rem;
font-size: .44rem!important;	color: #fff;
}
.bg3 p.p3{
	color: #666;
font-size: .36rem;	text-align: center;
	font-weight: bold;
	padding-top: 2.5rem;
	width: 40%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.bg3 p.p4{color: #333;font-size: .36rem;text-align: center;}
.bg3 .btnBox{
	width: 50%;
	height: 1.1rem;
	margin-left: auto;
padding-top: 0.3rem; 	text-align: center;
	margin-right: auto;
}


.close2{width: .58rem!important;height: .58rem!important;bottom: -.8rem!important;}
.mask .bg5{position: absolute;width: 66%;height: 4.4rem;background: #fff;left: 17%;top: 50%;margin-top: -2.2rem;border: 5px solid #fee0a8;border-radius: 15px;}
.mask .bg5 .alertImg{width: 1.3rem;display: block;margin: .5rem auto .25rem;}
.mask .bg5 p.p1{color: #e7051d;font-size: .44rem;text-align: center;font-weight: bold;}
.mask .bg5 p.p2{
	color: #333;
font-size: .36rem;	text-align: center;
	font-weight: bold;
	margin-right: auto;
	margin-left: auto;
}
#scrollMsg{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#scrollWrap {
	width: 85%;
	height: 125px;
	overflow: hidden;color: #666;margin-right: auto;
	margin-left: auto;margin-top: 10px;
	
   }
   #scrollMsg li {
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	font-size: 12px;
	padding: 0 10px;text-align: left;color: #ab4225;
   }
      #scrollMsg li span{ float:right;}
   #scrollMsg li a {
	color: #ab4225;
	font-size: 14px;
	text-align: center;
   }
   #scrollMsg li a strong {
	color: #ab4225;
   }
   .daojishi{ text-align:center; font-size:18px; position:absolute; bottom:1rem; width:100%; color:#f04704}
   .copy-demo {
	position: relative;
	color: #f06941;
}.copy-btn {
	width: 150px;
	left: 0px;
	
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	border: 0px solid #ccc;
	background-color: #885eff;
	border-radius: 15px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */
	color: #fff; line-height:25px;
}
.copy-demo {
	position: relative;
	color: #885eff;line-height: 30px;

}
.pp {
	color: #885eff;
	
	top: 0px;
	
	font-size: 12px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 30px;
	height: 30px;
}
.pp strong {
	
	color: #885eff;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-size: 16px;
}
.clear{ clear:both;}
.chongzhi{
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
}
.chongzhi_txt{
	line-height: 30px;
	height: 30px;
	width: 69%;
	float: left;
	border-radius: 5px;
	border: 1px solid #885eff;
	margin: 0px;
	padding-top: 0px;
	padding-right: 3%;
	padding-bottom: 0px;
	padding-left: 3%;
	color: #666;outline:none;
}
.chongzhi_but{
	line-height: 32px;
	height: 32px;
	width: 24%;
	float: right;
	border-radius: 15px;
	border: 0px solid #885eff;
	margin: 0px;
	padding-top: 0px;
	padding-right: 3%;
	padding-bottom: 0px;
	padding-left: 3%;
	color: #fff; background-color:#885eff;background-image: linear-gradient(to bottom, #ffabba , #ff4a6f);
}