@charset "utf-8";
/* CSS Document */
body{padding:0; font-size:12px; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"微软雅黑"; background:#fff; overflow-x:hidden; max-width: 750px; margin: 0 auto !important;font-size:0;}
div,ul,li,p,form,h1,h2,h3,h4,h5,h6,dt,dd,dl{padding:0;margin:0;}
a{ text-decoration:none; color:#000;}
img{border:none; display: block; max-width: 100%; height: auto; margin: 0 auto;}
ul,li{list-style:none;}
*{padding:0;margin:0;}
table{border-collapse:collapse;}
.wrap{ width:90%; height:auto; margin: 0 auto; position: relative;}

input::-webkit-input-placeholder {color: #808080;}
input::-moz-placeholder {color: #808080;}
input:-moz-placeholder {color: #808080;}
input:-ms-input-placeholder {color: #808080;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {-webkit-appearance: none;}

.left{float: left;}
.right{float: right;}

.clearfix:before,.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfix{zoom:1} 

/*banner*/
.banner{
	position: relative;
}
.banner .ban-logo{
	position: absolute; left: 0.48rem; top: 0.48rem; width: 26%;
}
.banner .ban-logo img{
	width: 100%;
}
.actRules{
	position: absolute; right: .1rem; top: 0; font-size: 0;
}
.actRules a{
	width: .85rem; height: 1.18rem; line-height: .28rem; background: #5e8609; border-radius: 0 0 .42rem .42rem; font-size: .24rem; color: #fff; display: inline-block; text-align: center; padding-top: 0.24rem; box-sizing: border-box; margin: 0 .12rem;
}

/* sec01 */
.sec01{
	position: relative;
}
.sec01 a.homeBtn{
	width: 4.71rem; height: .85rem; line-height: .85rem; background:url(../images/btn_bg.png) no-repeat center / 100% 100%; font-size: .36rem; color: #fff; font-weight: bold; display: block; text-align: center; position: absolute;  top: 0; left: 50%; transform: translateX(-50%);
} 
.sec01 a.homeBtn::after{
	content: ''; width: 1.03rem; height: 0.94rem; background: url(../images/hand.png) no-repeat center / 100%; display: inline-block; position: absolute; right: -0.6rem; top: 0.3rem;
}

/* 弹窗 */
.zhezhao {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, .8); z-index: 8; display: none;}
.popup {width: 84%; z-index: 9; background: #fff url(../images/popup_bg.png) no-repeat bottom center / 100%; border-radius: .35rem; position: fixed; top: 50%; left: 50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);display: none; }
.popup .close {display: block; width: .5rem; position: absolute; top: -.65rem; right: 0;}
.popup h3 {width: 100%; height: 1.2rem; line-height: 1.2rem; background: url(../images/tc_bg_red.png) no-repeat center / 100% 100%; text-align: center; font-size: .4rem; color: #fff;font-weight: bold; margin: 0 auto;}
.popup_m {width: 86%; margin: 0 auto; padding: .56rem 0 .88rem; box-sizing: border-box;}
.popup_mp {width: 90%;}
.popup_mp2 {width: 100%;margin: 0 auto;font-size: .24rem;color: #333; line-height: 0.3rem; margin: .05rem 0;}
.popup_mp2 span {color: #f63d14;}
.popup_mp3{font-size: .26rem; color: #333; font-weight: 600; text-align: center; line-height: 0.34rem; margin-bottom: 0.3rem;}
.popup_mp4{font-size: .3rem; text-align: center; font-weight: bold; margin: .2rem auto;}
.popup_mp5{width: 4.28rem; height: 1.48rem; line-height: 1.48rem; color: #43b5fd; border: 1px solid #43b5fd; font-size: .66rem; font-weight: bold; text-align: center; border-radius: .15rem; margin: 0 auto; margin-bottom: 0.3rem;}
.popup_mimg{width: 2.1rem; margin: 0 auto;}
.popup_mimg2{width: 42%; margin: 0 auto; margin-bottom: 0.44rem; margin-top: 0.25rem;}
.popup_mimg3{width: 46%; margin: 0 auto; margin-bottom: 0.1rem; margin-top: 0;}
.popup a.newClub{width: 4.3rem; height: 0.6rem; line-height: 0.6rem; background: #1cbfff; background: linear-gradient(to top, #1cbfff , #0fd5ff); font-size: .36rem; color: #fff; font-weight: bold; height: 0.65rem; line-height: 0.65rem; border-radius: .32rem; text-align: center; margin: 0 auto; display: block;}
.gray-bg h3{background: url(../images/tc_bg_gray.png) no-repeat center / 100% 100%;}

/* 活动规则 */
#actRules .popup_m{width: 100%; padding-left: 0.7rem;background: url(../images/actRules_mbg.png) no-repeat left 0.35rem top 0.75rem / 0.08rem;}
#actRules .popup_m h4 {width: 2rem; height: 0.42rem; text-align: center; line-height: 0.42rem; font-size: .24rem; color: #fff; font-weight: bold; background: #ff6f00; background: linear-gradient(to right, #ff6f00 , #ff9900); display: inline-block; border-radius: .2rem; margin-bottom: 0.1rem;}
#actRules .popup_mp{text-align: left; margin-left: 0;}
#actRules .actRules-t02{margin-top: 0.1rem;}

/* 领取方式 */
#lingqu .popup_mp3{margin-top: 0.3rem; margin-bottom: 0;}

/* 活动结束 */
#actEnd .popup_mp3 span{color: #915f07; font-weight: bold;}

/* 分享 */
.share {width: 100%; max-width: 750px; display: none; position: fixed; left: 0; top: 6%; z-index: 9;}
.share .close {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;}
.share .share_img {width: 72%; margin: 0 auto;}
.share .share_img img {width: 100%; height: auto;}

/* pc版打开遮罩 */
.fix-bg{width:100%; height: 100%; background: rgba(0,0,0,0); position: fixed; top: 0; left: 0; display: none; z-index: 9; text-align: center;}
.pc-box{width: 606px; height: auto; text-align: center;  background: #fff; border-radius: .14rem; 
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	-webkit-border-radius: .35rem;
	-moz-border-radius: .35rem;
	border-radius: .35rem;
}
.pc-box font{width: 100%; height: 1.2rem; line-height: 1.2rem; background: url(../images/tc_bg_red.png) no-repeat center / 100% 100%; text-align: center; font-size: .4rem; color: #fff;font-weight: bold; margin: 0 auto; display: block;}
.tcmain{clear: both; float: left; margin: .5rem auto 0;}
.pc-box .pic img{width: 2.4rem;display: inline-block; margin:20px auto auto;}
.pc-box p{width: 90%; font: 26px/48px "microsoft yahei";color: #333;float: left; margin: 17px 5% 0.6rem;}
.pc-box a{position: absolute; top: -.6rem; right: 0; display: block; width: .45rem; height: .45rem; cursor: pointer;}
.pc-box a img{width: 100%;}
.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,.8); display: none;}

@keyframes dx{
	0%{transform: scale(1.05);}
	100%{transform: scale(1);}
}
@keyframes click{
	0%{transform: scale(1.2);}
	100%{transform: scale(1);}
}
@media only screen and (min-width:990px) {
html {max-width: 750px;margin: 0 auto;}
body {font-size: 18px;}
.popup {width: 520px;}
.one_li2 {margin: 6% 1.5% 0;}
.ban_a3 {width: 26%;}
.three {max-width: 750px;left: 50%;margin-left: -375px;}
}